css 两端对齐

作者：空白篇pia~ 发布日期:2025-02-11 浏览:76

/* 两端对齐的文本 */
.text-justify {
  text-align: justify;
}

/* 两端对齐的块元素（如Flexbox布局） */
.justify-container {
  display: flex;
  justify-content: space-between;
}

解释说明：

文本两端对齐：
- 使用 text-align: justify; 可以使文本在容器内两端对齐。最后一行通常不会被对齐，除非你使用一些额外的技巧或伪元素来处理。
Flexbox 布局两端对齐：
- 使用 display: flex; 和 justify-content: space-between; 可以使子元素在容器内水平分布，并且两端对齐。space-between 会使第一个子元素靠左，最后一个子元素靠右，中间的子元素均匀分布。

上一篇：css伪类

下一篇：css display flex