【Html/Css】div中实现多行文本自动换行且垂直居中的例子（很实用）_div文字换行后垂直对齐

作者：酷酷是懒虫 | 2024-07-19 20:56:22

踩

div文字换行后垂直对齐


<style>
  /* 设置div的高度和边框 */
  div {
    height: 100px;
    border: 3px solid green;
    width:150px;
  }
 
  /* 设置div为弹性容器，水平和垂直方向都居中对齐内容 */
  .center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
</style>
 
<div class="center">
  <p>我是垂直居中的文本垂直居中的文本</p>
</div>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/酷酷是懒虫/article/detail/853465