css两端对齐-如何轻松对齐文本两端

如何对齐文本两侧

CSS text-align: justify;可以选择对齐文本的两端，因此只需指定此选项即可开始！

p.justify {
  text-align: justify;
  text-justify: inter-ideograph; /* IE用 */
}

不过，我会添加它，text-align: justify;因为它在 IE 中不起作用。text-justify: inter-ideograph;这text-align: justify;对于 IE 来说有点像。

text-align: center;我认为经常使用，但text-align还有justify一个值 ，它是对齐文本的值。

如果您实际指定它，它将看起来像这样（屏幕底部）。我想你可以看到句子的两端是对齐的。

如何证明最后一行的合理性

text-align: justify;然后，直到最后一行才会被证明是合理的（尽管这可能更自然......）

如果您还想证明最后一行的合理性，text-align-last: justify;只需指定 !

p.justify {
  text-align: justify;
  text-justify: inter-ideograph; /* IE用 */
  text-align-last: justify; /* ←追加 */
}

这就是它的样子（如下）。到最后一行是合理的。

但text-align-last: justify;请注意，它无法在 Safari 中使用。

如果你正常使用的话，很多时候会显得不自然，但是有时候你想把最后一行两边对齐，那么这个时候就可以使用它。

结语

使用这里介绍的方法可以很容易地完成文本两端的对齐。