css 取消两端对其

CSS 中的 text-align 属性可以使文本在容器内水平对齐，有三个可选值：left 左对齐、center 居中对齐和 right 右对齐。但是有一些情况下，我们不希望文本两端对齐，这时可以使用 text-justify 属性。

text-justify 属性允许我们控制文本对齐，并指定单词与单词之间的间距。这个属性有以下几种可选值：

text-justify: auto;
     //默认值text-justify: none;
     //取消两端对齐text-justify: inter-word;
     //单词之间对齐text-justify: distribute;
     //两端对齐，空白平均分配text-justify: newspaper;
     //排版时使用，每行尽量填满text-justify: inter-ideograph;
 //适用于亚洲语言

当 text-justify 设为 none 时，文本就不再两端对齐了。这意味着，如果一行上的文本不足以填满整行，那么在文本渲染时将会产生空白。下面的代码演示了如何使用 text-justify 取消两端对齐：

p {
      text-align: justify;
      text-justify: none;
}
    

有了 text-justify 属性，我们可以更好地控制文本对齐的效果，使排版更加美观。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！