多行文字水平垂直居中
例如:让两行p标签的文字在li里垂直居中:
在li里设置display:table 在.vertical里写display: table-cell;vertical-align: middle;display: table;
<li v-for="(item, index) in result" :key="index">
<div class="vertical">
<p>{{item.chineseName}}</p>
<p>{{item.eglishName}}</p>
</div>
</li>
li{
width: 2.30rem;
height: .93rem;
text-align: center;
display: table;
.vertical{
display: table-cell;
vertical-align: middle;
text-align: center;
p{
font-size: 14px;
line-height: .30rem;
color: #666;
}
}
}