css文本两端对齐

作者：不，完美发布日期:2026-03-03 浏览:121

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

/* 示例 HTML 代码 */
<p class="justify">这是一个示例文本，用于展示如何使用 CSS 实现文本两端对齐。通过设置 text-align 属性为 justify，可以让文本在容器内两端对齐。</p>

解释说明：

text-align: justify;：该属性值使得文本在容器内两端对齐，最后一行除外，最后一行会根据浏览器的默认行为进行对齐（通常是左对齐）。
在 HTML 中，给 <p> 标签添加 class="justify"，然后在 CSS 中定义 .justify 类的样式，即可实现文本两端对齐的效果。

上一篇：css mask属性

下一篇：css 外发光