如何使用CSS <div>在另一个内部水平居中<div>？
<div id="outer">
<div id="inner">Foo foo</div>
</div>
我有一个包含文本的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>做这个的最好方式是什么？
如何使用property在另一个div中垂直对齐div vertical-align:middle。
这是我的代码。
.hello {
height: 100px;
width: 100px;
background-color: black;
vertical-align: middle;
display: inline-block;
color: white;
}
.parent {
height: 400px;
width: 400px;
border: 1px solid red;
display: table-cell;
}<div class ="parent ">
<div class="hello">
hello
</div>
</div> 我参考并发现给父表单元属性和子级内联块工作，但仍然没有。
HTML