Html 无论列表中有多少个按钮，都要对中按钮

我用两个div创建了一个相对简单的布局。其思想是，所有内容都在各自的div中居中，但如果没有足够的内容填充一行，则下面的内容也将居中

.row{
显示：表格；
宽度：95%；
文本对齐：居中；
左缘：2.5%；
保证金权利：2.5%；
利润上限：2.5vh；
保证金底部：2.5vh；
}
.项目{
宽度：16.6%；
浮动：左；
}
@仅介质屏幕和（最大设备宽度：500px）{
.项目{
宽度：33.3%；
浮动：左；
}
}

1.
2.
3.
4.
5.
6.

这是一个使用Flexbox的解决方案

.row{
显示器：flex；
弯曲方向：行；
柔性包装：包装；
证明内容：中心；
}
.项目{
显示器：flex；
宽度：20%；
高度：100px；
边框：1px实心；
证明内容：中心；
对齐项目：居中；
保证金：5px；
}

1.
2.
3.
4.
5.

这是一个使用Flexbox的解决方案

.row{
显示器：flex；
弯曲方向：行；
柔性包装：包装；
证明内容：中心；
}
.项目{
显示器：flex；
宽度：20%；
高度：100px；
边框：1px实心；
证明内容：中心；
对齐项目：居中；
保证金：5px；
}

1.
2.
3.
4.
5.

您应该试试您应该试试我理解您为什么这么做，但它需要以百分比的形式处理宽度，这样它才知道什么时候该这样做break@learningtoanimate使用百分比也可以，检查答案我理解你为什么这么做，但它需要使用宽度作为百分比，这样它就知道什么时候应该这样做break@learningtoanimate 使用百分比也可以检查答案