标签: positioning
CSS同线对齐
有没有一种优雅的方法可以在同一条线上左右,中间和右边对齐3个元素？
现在我<div>用宽度为3 的全部:33%;浮动:左; 而且效果不好.
推荐指数
解决办法
查看次数
在ie7中绝对位置的问题,div向右移动10px
我在IE7上的位置绝对属性有问题.我的div向右移动10px.以下是我的代码.IE8和9工作正常. id菜单是我指的div.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body{margin: 0 0 0 0; padding: 0 0 0 0;}
#holder{width: 400px; height: 500px; margin: 0 auto;}
#left{float: left; width: 50px; height: 500px; background-color: red;}
#center{float: left; width: 300px; height: 500px; background-color: green;}
#right{float: left; width: 50px; height: 500px; background-color: red;}
#header{width: 300px; height: 70px; background-color: yellow;}
#gal-holder{width: 280px; height: 70px; margin: 0 auto;}
#gallery{width: 280px; height: 410px; background-color: …推荐指数
解决办法
查看次数
为什么容器内的绝对定位要求容器是相对的
这对我来说没有意义.
如果我想要一个div:20px; top:距离容器边缘20px,我应该可以做一些像position:absolute-within-parent ;. 定义孩子的定位不应该要求修改父母.
至少它似乎更模块化,并以这种方式解耦.作为一名程序员,我被教导要着迷于此.
推荐指数
解决办法
查看次数
C#窗口定位
使用Windows窗体我想将窗口定位到特定的坐标.我认为它可以用一种简单的方式完成,但是下面的代码根本不起作用:
public Form1()
{
InitializeComponent();
this.Top = 0;
this.Left = 0;
}
但是,当只获取该窗口的句柄时,它运行良好:
public Form1()
{
InitializeComponent();
IntPtr hwnd = this.Handle;
this.Top = 0;
this.Left = 0;
}
您可以看到我根本不使用该指针.我在MSDN上发现以下声明:
Handle属性的值是Windows HWND.如果尚未创建句柄,则引用此属性将强制创建句柄.
这是否意味着我们只能在创建其句柄后设置窗口位置？是否在内部使用此手柄设置了顶部/左侧？谢谢你的澄清.
推荐指数
解决办法
查看次数
如何在textarea的右上角放置一个跨度？
我有一个文本区域id="aboutme"和一个跨度class="maxlength-feedback",我希望跨度位于textarea的右上角.它将成为文本区域的计数器.
我知道这两个元素应该有position="relative",而跨度应该是display="inline-block",但它不起作用.
我将不胜感激任何帮助.谢谢.
推荐指数
解决办法
查看次数
仅使用CSS基于另一个元素的位置定位一个元素
我做了一个简单的方法来显示仅使用CSS看起来像弹出窗口的帮助文本.它工作正常,但默认情况下弹出窗口是左对齐的.我希望窗口更接近图标本身,就像(在我的例子中)"left:360px;" 会表现出来.由于悬停图标的位置可能会发生变化,是否有人知道根据悬停在图标上的位置设置弹出窗口位置的方法？我们使用jQuery和Prototype但我更喜欢只使用CSS,因此可以在任何类型的页面上使用相同的代码.谢谢.
这是我的例子:
编辑:这已经得到了解答,但这里是固定代码,以防其他人在悬停在图标上时寻找显示弹出消息的简单方法.此外,这是jsfiddle.net上的一个示例,因此您可以轻松地尝试:http://jsfiddle.net/zDADW/
顺便说一句,如果有人知道为什么有人会对此进行排名(截至本文撰写时有人点击了此问题的向下箭头),请告诉我.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Show help text when hovering using CSS</title>
<style type="text/css">
#help:hover #help_popup {
/*If you hover over the help icon, show the help_popup span*/
display: block;
}
#help {
/*This is the part I was missing*/
position: relative;
}
#help_popup {
/*Normally, hide this span*/
display: none;
position: absolute;
width: 15em;
padding: 10px;
background: #CFF;
color: …推荐指数
解决办法
查看次数
使用本机CSS和HTML设置漏斗堆栈布局的样式
我想显示漏斗堆栈等数据,如下图所示.
我能够使用边框创建锥形,例如:
<div class="taper"></div>
并使用以下CSS:
.taper {
width: 200px;
height: 0px;
border-color: lightgray transparent;
border-style: solid;
border-width: 50px 25px 0 25px;
}
当然,我们的想法是将它包装div.taper在一个容器中,添加其他元素并根据需要定位它们,一些工作但可行.
但是,我不一定知道需要多少行(级别,在这个例子中是7),我真的不想做很多数学来确定每个锥度的宽度等等.
如果有更多的防弹方式这样做？
我不想要一个基于JavaScript/jQuery的解决方案(试图保持这种轻量级)并且更愿意避免使用背景图像(我可能希望稍后对颜色进行换肤/自定义并且不想打扰图像文件).
小提琴参考:http://jsfiddle.net/audetwebdesign/fBax3/
浏览器支持:现代浏览器很好,传统支持,只要它很好地降级.
推荐指数
解决办法
查看次数
内容更改后重新定位jQuery Mobile弹出窗口
我正在使用jQuery Mobile(1.3.1)来显示弹出窗口(以屏幕为中心).根据用户操作,某些内容通过AJAX插入到弹出窗口中.这工作正常,但有一个问题:一旦内容被注入弹出窗口,其大小会发生变化,但位置不会更新.一旦调整窗口大小,弹出位置就会刷新,但到目前为止我还没有找到手动触发此操作的方法.
弹出声明:
<div id="MoveFolderPopup" data-role="popup" data-position-to="window" style="min-width: 20em">
我已经尝试将弹出窗口重新定位到窗口中心的一些事情(包括一些内部的,未记录的事件的弹出窗口小部件源代码的快速视图):
$('#MoveFolderPopup').trigger("reposition");
$('#MoveFolderPopup').trigger("_reposition");
$('#MoveFolderPopup').trigger("_handleWindowResize");
$('#MoveFolderPopup').trigger('refresh')
$(window).trigger('resize');
$('#MoveFolderPopup').popup('open');
$('#MoveFolderPopup').trigger('updatelayout');
我没有很多JavaScript的经验,只是对这个问题没有更多的想法;)有人可以帮助我吗？谢谢!
推荐指数
解决办法
查看次数
为什么内联块的内容会影响其在容器中的位置
结果对我来说似乎很疯狂:在Chrome中,第二个按钮略高于第一个按钮.在Firefox中略低于它.
<div id="accounts">
<button class="account">
<h1>VISA Card</h1>
<span class="balance">-433.18</span>
</button>
<button class="account">
<h1 class="plus"><i class="icon icon-plus-sign"></i></h1>
<span class="plus-text">Add Account</span>
</button>
</div>
更令人困惑的是,h1.plus上的填充会影响整个div的位置.
这里发生了什么？我希望两个按钮出现在同一条线上,并且根本不能理解为什么它们不是.这是渲染引擎中的错误吗？
更新: Narendra建议一个简单的修复 - 浮动:离开按钮.我想弄清楚为什么这种错位首先发生.
推荐指数
解决办法
查看次数
CSS - 防止绝对定位元素溢出体
我在页面中有一个元素,使用TOP和LEFT css样式绝对定位.当它位于左侧或顶部区域的负位置时,没有问题.但是,当元素放置在大于窗口内部宽度的左侧位置时,将出现滚动条.
有没有办法以某种方式阻止这个元素这样做？我不能设置溢出:隐藏; 到我的身体元素,因为这将破坏我的布局.例如,一个像overflow-parent:none;很好的财产(但不幸的是不存在)
推荐指数
解决办法
查看次数