css居中各种实现

垂直居中

1. 多行文字垂直居中

   
   

利用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>