Css 在VisualComposer WordPress中，如何在两行中创建四个框而不留任何间隙？

我想把四个盒子做成两排。两行之间将没有填充/间隙。整个部分将被拉伸

方框示例如下所示：

如何获得这个？请帮忙。提前谢谢

---

您可以通过在VC中添加

自定义HTML

模块，然后使用

flex

html，正文{
身高：100%；
保证金：0；
}
.grid2x2{
最小高度：100%；
显示器：flex；
柔性包装：包装；
弯曲方向：行；
}
.grid2x2>div{
显示器：flex；
弹性基础：计算（50%-0px）；
证明内容：中心；
弯曲方向：立柱；
}
.grid2x2>div>div{
显示器：flex；
证明内容：中心；
弯曲方向：行；
}
.box{margin:0px；}
.box1{背景色：红色；}
.box2{背景色：橙色；}
.box3{背景色：紫色；}
.box4{背景色：灰色；}

一
二
三
四

如果不使用html结构和CSS布局，或者不使用库，很难有效地回答问题、flex、grid、object fit等。。。很多可能性，但取决于你已经拥有了什么。请澄清，截图对您没有帮助。您好，我正在WordPress中使用Visual Composer插件开发一个网站。所以，从根级别设计站点不需要更多的CSS HTML部分。我已经完成了“拉伸行和内容”、“无列间距”等操作，以最小化框的填充/边距。但直到我有了同样的血脉。让我们看看是否有任何自定义CSS可以解决这个问题。它解决了我的问题。感谢@Andrey对您的支持。