使div里面文字水平居中垂直居中
效果图
html代码
<div class="white">
<p>中国企业产品质量协会</p>
<p>授予“全国重质量、守信誉”企业 </p>
<p>(2014—2015)</p>
</div>
css代码
.white {
background-color: white;
position: relative;
display: table-cell;
text-align: center;
vertical-align: middle;
width: 258px;
height: 180px;
font-size: 26.58px;
}
.white p{
margin: 10px auto;
}
有时候一个div里面有多个div里面的文字需要水平居中垂直居中包裹会失效,所以有时候需要在最外面一层的div添加一个display: table;