flex内容两端对齐css

作者：断晴星魂发布日期:2025-12-21 浏览:96

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

/* 解释说明：
1. `display: flex;`：将容器设置为弹性盒子布局，使得子元素可以按照弹性模型进行排列。
2. `justify-content: space-between;`：使子元素在主轴（默认是水平方向）上两端对齐，第一个子元素靠左，最后一个子元素靠右，中间的子元素会均匀分布。 */

上一篇：css注释写法正确的是

下一篇：css右对齐