css 文字两端对齐

作者：尒忸旳迣鎅゛沬卜鋽旳凄涼发布日期:2025-08-17 浏览:45

/* 使用 text-align: justify 实现文字两端对齐 */
p.justify {
  text-align: justify;
}

/* 额外的样式确保最后一行也两端对齐（可选） */
p.justify::after {
  content: "";
  display: inline-block;
  width: 100%;
}

解释说明：

text-align: justify;：这是 CSS 中用于设置文本两端对齐的属性。它会使文本的每一行都尽可能地拉伸，以使左右两端都对齐。
p.justify::after：这个伪元素的作用是确保最后一行文本也能两端对齐。如果不加这个伪元素，最后一行通常会左对齐。

如果你希望更复杂的场景下实现两端对齐效果，可以结合其他 CSS 属性或 JavaScript 来实现。

上一篇：css注释

下一篇：css超出省略号