效果图
HTML
<div class="box">
<div class="content">
具有行高实现的多行文字垂直居中效果,需要属性vertical-align帮助
</div>
</div>
CSS
.box{
width: 200px;
line-height: 120px;
background-color: #f0f0f0;
}
.content{
display: inline-block;
line-height: 20px;
margin: 0 20px;
vertical-align: middle;
}
ps:由于vertical-align原因,此方式是近似垂直居中,不是绝对