在HTML容器中均匀分布任意数量的元素

Question

希望能够

1. 任意设置HTML元素中容器元素的宽度

2. 在容器中给出X子元素，将这些子元素均匀分布在容器中

像这样：



想知道如何在vanilla CSS和Stylus

中做到这一点

Answer 1

使用flexbox：

.container{
display:flex;
justify-content:space-between;
}

您可以使用空格或空格。