justify-content: space-between/space-around/space-evenly 区别

[981377660LMT]

首先，space指的是元素间的空白部分

• space-between：子元素之间的间距相等，首个元素与容器开始位置对齐，末尾元素与容器结束位置对齐。会使子元素紧贴容器边缘。

  

• space-around：每个子元素的两侧的间距相等。也就是说，子元素之间的间距是子元素与容器边缘间距的两倍。在容器边缘和第一个/最后一个子元素之间的间距是子元素之间间距的一半。

  

• space-evenly：所有子元素之间的间距相等，包括第一个子元素与容器开始位置的间距，以及最后一个子元素与容器结束位置的间距。