文本对齐样式justify单行实现方法

4 min read

text-align: justify; 属性会将多个文本行拉伸到同一宽度,导致单行文本也会被拉伸。为了避免这种情况,可以使用 text-align-last: justify;属性,该属性在最后一行文本对齐方式为两端对齐。例如:

.container {
  text-align: justify;
  text-align-last: justify; // 添加这个属性
}

此时单行文本也能够使用 justify 对齐方式了。