垂直居中
-
多行文字垂直居中
利用flex布局
<div class="content-vertical-center">
报警已开启！无需进行规则设置，设备智能触发，为车辆运行保架护航
</div>
.content-vertical-center {
display: flex;
justify-content: space-around;
flex-direction: column;
}
利用display: table;
<div class="content-vertical-center">
报警已开启！无需进行规则设置，设备智能触发，为车辆运行保架护航
</div>
<style lang="less">
.content-vertical-center {
display: table-cell;
vertical-align: middle;
}
</style>
