css网格布局3列和2列网格
我想要一个简单的网格，前3列，后2列等长，css网格布局css网格布局3列和2列网格,css,Css,我想要一个简单的网格，前3列，后2列等长，css网格布局 有人能帮我吗？我在使用网格跨度时遇到问题。令人惊讶的是，使用CSS网格似乎无法做到这一点。我可以看到它与子网格一起工作，但到2019年2月还没有可用。好消息是，使用Flexbox这是一项非常简单的任务 容器 .项目{ 框大小：边框框； } .集装箱{ 显示器：flex； 柔性包装：包装； } .项目{ 背景色：红色； 高度：50px； 边框：1px纯黑； } /*从第三个孩子开始；在第一个孩子时结束*/ .项目：n-child-n+3{
有人能帮我吗？我在使用网格跨度时遇到问题。令人惊讶的是，使用CSS网格似乎无法做到这一点。我可以看到它与子网格一起工作，但到2019年2月还没有可用。好消息是，使用Flexbox这是一项非常简单的任务 容器 .项目{ 框大小：边框框； } .集装箱{ 显示器：flex； 柔性包装：包装； } .项目{ 背景色：红色； 高度：50px； 边框：1px纯黑； } /*从第三个孩子开始；在第一个孩子时结束*/ .项目：n-child-n+3{ 弹性基准：calc100%/3； } /*从第4项开始，应用于最后一个孩子*/ .项目：第n个孩子n+4{ 弹性基准：calc100%/2； } *{框大小：边框框；} .包装纸{ 最大宽度：940px； 保证金：0自动； } .wrapper>div{ 边框：2件纯黑； 边界半径：5px； 背景色：卡德蓝； 填充：1em； 颜色：d9480f； }.包装纸{ 显示：网格； 网格模板列：repeat6，1fr； 栅隙：10px； 网格自动行：minmax100px，自动； } .一{ 格构柱：1/2跨； 网格行：1； } .2{ 格构柱：3/2跨； 网格行：1； } .三{ 格构柱：5/2跨； 网格行：1； } .4{ 格构柱：1/3跨； 网格行：2； } .5{ 格构柱：4/4跨； 网格行：2； } 一 二 三 四 五
同时提供您的代码请添加您的代码并清楚地说明您的问题。我听不懂你的话。