绝对定位和文本alignment

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

我试过这个 ，但是不行。 它看起来像绝对定位冲突与alignment。

我怎么能做到这个简单的任务？

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的元素，它的宽度将缩小到我相信的内容。