Html 如何使用flexbox和列中项目之间的相同间距进行两列布局？

你好

.flex{
保证金：0；
左侧填充：0；
列表样式：无；
显示器：flex；
弯曲方向：行；
柔性包装：包装；
证明内容：之间的空间；
对齐内容：居中对齐；
}
.项目{
宽度：45%；
高度：200px；
边缘底部：10px；
背景色：海军蓝；
}
.项目：第n个孩子（1）{
高度：210px；
}
.项目：第n个孩子（2）{
高度：500px；
}
.项目：第n个孩子（3）{
高度：360px；
}
.项目：第n个孩子（4）{
高度：400px；
}
.项目：第n个孩子（5）{
高度：150像素；
}

您可以使用而不是

flexbox

。在这种情况下，不需要实现灵活的方框布局。您不会试图保持相同的大小或调整任何奇怪的对齐方式

.flex
{
保证金：0；
左侧填充：0；
列表样式：无；
列数：2；
柱间距：10px；
}
.项目{
高度：200px；
边缘底部：10px；
背景色：海军蓝；
破门而入：避免；
}
.项目：第n个孩子（1）{身高：210px；}
.项目：第n个孩子（2）{身高：500px；}
.项目：第n个孩子（3）{身高：360px；}
.项目：第n个孩子（4）{身高：400px；}
.项目：第n个子（5）{高度：150px；}

你有什么可以分享的代码吗？你能更新你的问题以包括你的HTML和CSS吗请问你的间距是什么意思？在列之间或列中的项目之间。另外，向我们展示您为实现这一目标所做的代码。*此处添加了因使用flexbox而感到困惑的代码和图像。所有的盒子上都有特定的高度，这只是为了演示吗？我如何删除第二个元素上的空间？我怎样才能将grap设置为5%？我尝试将grap设置为0并使用左右边距，但我只需要元素之间的空格。@trip1e我用模拟基于百分比的列间距的方法更新了我的答案。谢谢，但我如何删除第一个或第二个元素上的空格？@trip1e我不确定你的意思。你能澄清一下吗？你指的是什么空间？元素上方的这个空间：（我不知道如何修复它。