还在拿flex进行布局吗？快来试试grid网格布局吧

例：

遇到这种布局要求我们应该怎么办？

方法1：使用flex布局


    <style>
      * {
        padding: 0;
        margin: 0;
      }
      .gird_Box {
        width: 100vw;
        height: 500px;
        display: flex;
      }
      .item1 {
        background-color: pink;
        flex: 1;
      }
      .line {
        background-color: palegreen;
        width: 20px;
      }
      .item3 {
        background-color: skyblue;
        flex: 1;
      }
    style>
  head>
  <body>
    <div class="gird_Box">
      <div class="item1">item1div>

相关阅读:
行所当行@背包扔过墙
如何用 DDD 给 DDD 建模，破解 DDD 的魔法？
java面试笔试题
面试题：说一下SpringBoot的自动配置原理
java直接使用dsl语句查询ES
Kubernetes 进阶训练营控制器
springboot整合 neo4j （OGM+JPA方式操作图数据库）
IO多路复用 Linux C Server-Client 多用户聊天系统
Pytorch多GPU条件下DDP集群分布训练实现(简述-从无到有)
[计算机入门] 设置日期和时间

原文地址：https://blog.csdn.net/weixin_42981560/article/details/126359382