justify-content:space-between;是什么意思
时间: 2023-09-07 09:14:28 浏览: 387
css3 flex布局 justify-content:space-between 最后一行左对齐
5星 · 资源好评率100%
`justify-content: space-between;` 是 CSS 中用于设置弹性盒子(flexbox)对齐方式的属性之一。
该属性用于设置弹性盒子内的元素在主轴方向上的对齐方式,具体来说,`space-between` 表示元素之间均匀分布,两端留有空白间隙,如下图所示:
```
| 元素 | | 元素 | | 元素 |
```
其中,`|` 表示弹性盒子的两端边界,`元素` 表示弹性盒子内的元素。
需要注意的是,当弹性盒子内的元素数量大于等于 2 个时,才能体现 `space-between` 的效果。如果弹性盒子内只有一个元素,则该元素将会居中对齐,两端留有相等的空白间隙。
阅读全文