Javascript CSS/JS：将元素均匀分布在多行上

如何在多条直线上均匀分布元素，例如：

---

它这样做，分散元素：

Element 1        Element 2        Element 3
Element 4        Element 5        Element 6

---

如果元素的宽度及其计数不是固定的，我将编写一段代码，根据情况生成自定义标记

然而，这可能会变得棘手，因为使用web媒体，很难（实际上不可能）计算文本块的实际像素大小（无法知道浏览器将使用何种字体并获取其度量）

我建议提前决定列的数量（2或3），然后使用宽度设置为

50%

或

33%

的元素，并将

文本对齐

属性设置为

中心

指定“宽度”样式如何

元素

将它们全部向左浮动，宽度为50%或33%或您需要的任何值

---

确保之后清除浮动。

在我的情况下，元素可能非常短，也可能非常长。。。可能是用JS来计算每个块的大小吗？我把它做成了非动态的，找不到解决方案

Element 1        Element 2        Element 3        Element 4        Element 5
                          Element 6

Element 1        Element 2        Element 3
Element 4        Element 5        Element 6

<div style="width: 50px; display: inline-block; padding-left: 10px; padding-right: 10px;">Element</div>