我有一个包含文本的div元素,我想将此div的内容垂直居中对齐.
这是我的div风格:
#box {
height: 170px;
width: 270px;
background: #000;
font-size: 48px;
color: #FFF;
text-align: center;
}<div id="box">
Lorem ipsum dolor sit
</div>做这个的最好方式是什么？
<div>在页面上垂直和水平居中元素的最佳方法是什么？
我知道这margin-left: auto; margin-right: auto;将以水平为中心,但垂直做的最佳方式是什么？
我有一个<div>固定高度的元素,我想在该元素中垂直居中一些文本.
我一直在尝试按照http://phrogz.net/css/vertical-align/index.html上的说明进行操作.但是,它似乎对我不起作用.
我已经发布了我正在尝试的http://jsfiddle.net/scwebgroup/74Rnq/.如果我将HeaderBrand的margin-top更改为约-22px,那么它似乎是正确的.
任何人都可以看到为什么文章中描述的技术不能按预期工作？
注意:此处的最佳答案仅适用于文本未换行到第二行的情况.