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

 样式实现

.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>

效果

相关推荐

  1. CSS水平垂直居中

    2024-04-26 22:56:02       54 阅读
  2. 【CSS】CSS水平居中方案

    2024-04-26 22:56:02       35 阅读
  3. 总结:css中水平居中

    2024-04-26 22:56:02       36 阅读
  4. CSS 垂直水平居中总结(全)

    2024-04-26 22:56:02       73 阅读
  5. 如何让一个元素水平垂直居中

    2024-04-26 22:56:02       45 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-26 22:56:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-26 22:56:02       101 阅读
  3. 在Django里面运行非项目文件

    2024-04-26 22:56:02       82 阅读
  4. Python语言-面向对象

    2024-04-26 22:56:02       91 阅读

热门阅读

  1. 在 TypeScript 中declare module 关键字用法

    2024-04-26 22:56:02       32 阅读
  2. Git命令(附:CMD常用指令)

    2024-04-26 22:56:02       39 阅读
  3. 一步一步写线程之十memory_order的应用

    2024-04-26 22:56:02       32 阅读
  4. ubuntu 下 vim 的使用

    2024-04-26 22:56:02       42 阅读
  5. DRF学习之全局异常处理、接口文档书写

    2024-04-26 22:56:02       34 阅读
  6. vue2指令

    2024-04-26 22:56:02       27 阅读
  7. 新增表单按钮添加点击事件

    2024-04-26 22:56:02       37 阅读
  8. C++ 中的 struct 和 Class

    2024-04-26 22:56:02       39 阅读
  9. leetcode961-N-Repeated Element in Size 2N Array

    2024-04-26 22:56:02       36 阅读
  10. 10 内核开发-避免冲突和死锁-读写锁

    2024-04-26 22:56:02       33 阅读
  11. 如何看懂财报 - 财报分析与关键指标

    2024-04-26 22:56:02       36 阅读
  12. 巴西游戏市场海外营销洞察

    2024-04-26 22:56:02       40 阅读
  13. Ubuntu22.04.4 - Redis - 笔记

    2024-04-26 22:56:02       27 阅读