绝对定位和文本对齐

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%; 
}