废鸡程序员 2022-08-02 15:27 采纳率: 86%
浏览 75
已结题

flex 布局的问题!

这七个模块全在一个 div 里 ,用 flex 布局怎么写呀!(不能用上下两个 div)

img

  • 写回答

3条回答 默认 最新

  • 还是个小白 2022-08-02 16:10
    关注
    <div class="fa">
                <div class="ch1"></div>
                <div class="ch1"></div>
                <div class="ch1"></div>
                <div class="ch1"></div>
                <div class="ch2"></div>
                <div class="ch2"></div>
                <div class="ch2"></div>
            </div>
    
    .fa{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        text-align: center;
        .ch1{
            width: 150rpx;
            height: 150rpx;
            background: #fff111;
            margin: 10rpx;
        }
        .ch2{
            width: 200rpx;
            height: 150rpx;
            background: #fff222;
            margin: 10rpx;
        }
    }
    
    

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 8月17日
  • 已采纳回答 8月9日
  • 创建了问题 8月2日

悬赏问题

  • ¥15 MATLAB动图输出问题
  • ¥50 python如何用抖音这个接口输入抖音ID查询用户信息
  • ¥30 关于移动Web网页使用TinyMCE富文本编辑器上传图片后的光标定位、压缩等几个问题如何解决:
  • ¥25 activeMq在同服务器centos8下消费很慢
  • ¥20 为什么zynq CAN IP 无法进入config配置模式,XCan_SelfTest函数失效?
  • ¥15 Pycharm中程序直接运行可以但进入调试报错
  • ¥15 MATLAB动图问题
  • ¥15 有段代码不知道怎么理解,const isToken = (config.headers || {}).isToken === false
  • ¥15 我的显卡支持CUDA最高版本是12.3,这个版本也支持VS 2022 17.0这种情况下如果我想下载CUDA11.8,需要下载旧版本的VS2022吗
  • ¥15 pointnet2包安装