flex布局中使用justify-content: space-between会产生什么效果
时间: 2023-09-07 12:15:42 浏览: 237
详解解决flex布局的justify-content: space-between对齐方式的一个BUG的两种方法
5星 · 资源好评率100%
使用 `justify-content: space-between` 属性会使得 flex 容器中的子元素在主轴方向上均匀分布,并且两端对齐,即首尾子元素分别靠近容器的起始和结束位置,中间的子元素则平均分布在容器内。如果子元素的宽度不相等,则它们之间的间距也会不相等。这个属性常用于实现导航栏、工具栏等布局。
阅读全文