绝对定位和文本alignment

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

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

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

绝对定位时,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%; } 

尝试这个:

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

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

这应该工作:

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

也许指定宽度将工作。 当你的position:absolute的元素,它的宽度将缩小到我相信的内容。