Html 如何在不使用flexbox的情况下调整间距？

我没有使用flexbox，因为浏览器支持较少。 现在我有6里装在包装袋里。包装材料为900px，每li为400px。我怎样才能证明它们之间的间距是合理的？所以两个元素在一行中，左右两侧的边距都是25px。我还必须让它们响应，所以我不想只是硬编码它们。请参考图片

试试这个：

ul{
最大宽度：900px；
字号：0；
文本对齐：居中；
保证金：0px自动；
}
李{
高度：40px；
最大宽度：400px；
宽度：40%；
宽度：计算（50%-50px）；
利润率：25px5%；
保证金：计算（25px）；
显示：内联块；
背景：红色；
字体大小：12px；
}

这里有另一个解决方案，即在不使用flexbox的情况下调整列表块的间距

正文{
背景色：#ffffff；
利润率：50px0；
}
.clearfix:在{content:“.”之后显示：块；清除：两者；可见性：隐藏；行高度：0；高度：0；}
.主包装{
职位：亲属；
宽度：900px；
背景色：#F5；
边框：1px实心#eeeeee；
保证金：0自动；
显示：表格；
}
.项目包装{
保证金：20px自动0自动；
列表样式：无；
}
.清单项目{
背景色：#ECECEC；
宽度：400px；
浮动：左；
文本对齐：居中；
填充：50px0；
利润率：0 20px 20px 0；
}
.列表项：最后一个子项{
保证金：0；
}

区块1


区块2


区块3


区块4


区块5


区块6

请使用css和html。为什么不在元素上使用内联块&%宽度。如果li的宽度为400px，左右边距为50px，则不能并排使用两个li，因为另一个li（要放在同一行中）也会带有相同的尺寸-即500px，这会使您的行变宽（共2个）1000像素，这比你的容器（900像素）还多。我的意思是25 25 marginPretty很多支持calc的浏览器也支持flexbox@JosephYoung这是真的，但不管怎样，它都可以工作，而且对于不支持calc的浏览器，它有一个简单的回退。（我个人不知道为什么会有人想要支持IE8——另外，请注意，Flexbox在IE方面的问题比calc实现的问题更多）这在不支持calc的浏览器上比在不支持Flexbox的浏览器上的Flexbox要少很多。