在底部有什么时候我的包装中心:0px?

时间:2011-12-18 00:32:52

标签: css position centering

我希望我的包装底部始终触摸浏览器的底部。但我不知道如何横向居中。

url:http://arabic001.com

  #wrapper {
    position:absolute;
    text-align:center;
    bottom:0px;
    width:1110px;
    height:675px;
    border:1px white solid;
}

感谢John,我解决了横向居中的问题。但现在底部表现得非常奇怪。它在太低之间切换(包装器的一部分被浏览器的底部吃掉)或者底部有额外的空间,即使代码显示底部:0px;。这是我的新代码:

#wrapper {
    position:absolute;
    text-align:center;
    bottom:0px;
    left:50%;
    margin-left:-555px;
    width:1110px;
    height:675px;
    border:1px white solid;
}

1 个答案:

答案 0 :(得分:2)

left:50%;
margin-left:-555px;

将其填入中间位置并将宽度的一半减去左边距。 http://screensnapr.com/v/dZvq1K.png