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

Question

希望能够

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

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

像这样：

想知道如何在 vanilla CSS 和 Stylus

中做到这一点

Answer 1

使用弹性框：

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

您可以使用 space-between 或 space-around。