绝对定位＆amp;文字对齐

Question

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

我尝试了this，但它不起作用。看起来绝对定位与对齐冲突。

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

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

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