ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
## **4. justify-content属性** justify-content属性定义了项目在主轴上的对齐方式。 `.box{justify-content:flex-start|flex-end|center|space-between|space-around;}` ![](https://img.kancloud.cn/c9/b5/c9b59254cf6573dc2ffae250f892363d.svg) 它可能取5个值,具体对齐方式与轴的方向有关。下面假设主轴为从左到右: * flex-start(默认值):左对齐 * flex-end:右对齐 * center: 居中 * space-between:两端对齐,项目之间的间隔都相等。 * space-around:每个项目两侧的间隔相等。所以,项目之间的间隔比项目与边框的间隔大一倍。