绝对定位和文本对齐

Question

我希望一些文本在屏幕底部居中。

我试过这个，但它不起作用。 看起来绝对定位与对齐冲突。

我怎么能完成这个简单的任务？

Answer 1

绝对定位时，div 不会占用所有可用的水平空间。 将宽度显式设置为 100% 将解决问题：

HTML

<div id="my-div">I want to be centered</div>​

CSS

#my-div {
   position: absolute;
   bottom: 15px;
   text-align: center;
   width: 100%;
}

Answer 2

尝试这个：

http://jsfiddle.net/HRz6X/2/

您需要添加left: 0和right: 0 （IE6 不支持）。 或者指定一个宽度

Answer 3

这应该有效：

#my-div { 
  left: 0; 
  width: 100%; 
}

Answer 4

也许指定宽度会起作用。 当您position:absolute元素时，它的宽度将缩小到我相信的内容。

Answer 5

position: absolute;
color: #ffffff;
font-weight: 500;
top: 0%;
left: 0%;
right: 0%;
text-align: center;

Answer 6

只需添加左：0; 右：0; 或增加宽度