vue实现水平排列且水平居中

最新推荐文章于 2024-07-09 10:20:31 发布

Sca_jie

最新推荐文章于 2024-07-09 10:20:31 发布

阅读量984

点赞数 1

本文链接：https://blog.csdn.net/weixin_42966151/article/details/138132767

版权

vue 同时被 2 个专栏收录

28 篇文章 2 订阅

订阅专栏

css

4 篇文章 0 订阅

订阅专栏

本文详细展示了如何使用CSS样式实现

元素的居中对齐和弹性布局，特别关注.body,.body_content和.body_content_cardList的选择器及其应用。

摘要由CSDN通过智能技术生成

样式实现

.body{
  text-align: center;
}
.body_content{
  display: inline-block;
}
.body_content_cardList{
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}


    <div class="body">
      <div class="body_content">
        <div class="body_content_cardList">
        
        </div>
      </div>
    </div>

效果