废鸡程序员 2022-07-14 16:54 采纳率: 86%
浏览 77
已结题

我用弹性盒布局的问题!?

我用弹性盒布局想要的效果是两行两列,但是中间独占一行我怎么弄?

img

  • 写回答

5条回答 默认 最新

  • 雾里桃花 2022-07-14 17:35
    关注

    img

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            .box {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
            }
            
            .box .item {
                background: red;
                width: 49%;
                height: 200px;
                margin-top: 20px;
            }
        </style>
    </head>
    <body>
        <div class='box'>
            <div class='item'>flex</div>
            <div class='item'>flex</div>
            <div class='item'>flex</div>
            <div class='item'>flex</div>
        </div>
    </body>
    </html>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题?

问题事件

  • 系统已结题 7月23日
  • 已采纳回答 7月15日
  • 创建了问题 7月14日

悬赏问题

  • ¥20 机器学习能否像多层线性模型一样处理嵌套数据
  • ¥20 西门子S7-Graph,S7-300,梯形图
  • ¥50 用易语言http 访问不了网页
  • ¥50 safari浏览器fetch提交数据后数据丢失问题
  • ¥15 matlab不知道怎么改,求解答!!
  • ¥15 永磁直线电机的电流环pi调不出来
  • ¥15 用stata实现聚类的代码
  • ¥15 请问paddlehub能支持移动端开发吗?在Android studio上该如何部署?
  • ¥20 docker里部署springboot项目,访问不到扬声器
  • ¥15 netty整合springboot之后自动重连失效