Question

我在h1中有一个body，想要垂直对齐并居中对齐此文字。

我知道我可以使用position: absolute;然后使用margin-top: "HALF OF HEIGHT";但是这个h1会在刷新时发生变化并且具有不同的宽度。高度总是一样的，所以我可以垂直对齐它，但它的中心对齐它。我无法使用text-align: center;，因为h1位于绝对位置，因此无法正常工作。

有更简单的方法吗？

谢谢！

Answer 1

鉴于元素没有背景，你可以这样做，以绝对定位水平居中元素：

.your-element {
    position: absolute;
    width: 100%;
    text-align: center;
}

工作小提琴：http://jsfiddle.net/VSySg/

Answer 2

取决于在其余布局上，这可能有效：

h1 {
    display: block;
    text-align: center;
    line-height: /* height of container */
}

http://jsfiddle.net/xC3vn/

垂直和居中对齐文本

2 个答案: