还在拿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>

相关阅读:
Linux-命令行命令
Hue在大数据生态圈的集成
22.11.8打卡 Codeforces Round #831 (Div. 1 + Div. 2) A~C
有效的括号（栈的高频面试题）
Vue3(2)：Vue3使用socket.io
基于永磁同步发电机的风力发电系统连接到可控的三相整流器（Simulink）
伯恩斯坦称多边形区块链是 Web3 之王
关于Jetson空间不足的解决问题（sd卡挂载和conda更改环境安装路径）
面试题：手动实现一个sizeof
C++中的多态

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