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>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容