css 文本两端对齐CSS 文本两端对齐

CSS 文本两端对齐

文本两端对齐是指让文本在页面上左右对齐，这样会使页面更加美观。在 CSS 中，我们可以使用 text-align 和 text-justify 属性来实现文本两端对齐。

text-align 属性用于设置文本在指定容器中的水平对齐方式，包括 left、right、center、justify 四个值，其中 justify 表示两端对齐。

但是，只使用 text-align 属性并不能完美的实现文本两端对齐，因为会出现单词间间隔不均的问题。这时，我们需要使用 text-justify 属性来解决这个问题。

p {
    text-align: justify;
    text-justify: inter-ideograph;
}

text-justify 属性有三个值，分别是 auto、none 和 inter-ideograph，其中 inter-ideograph 表示文本两端对齐，并且自动调整字间距。

需要注意的是，text-justify 属性只对中文有效，对英文等其他语言无效。

综上所述，要实现文本两端对齐，我们需要同时使用 text-align 和 text-justify 属性，并且注意 text-justify 的取值只对中文有效。