html - 绝对定位和文本对齐

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