页面文本之间间隔等长~~巧用css中的text-align：justify；

Posted 2021-08-11 一乐乐

页面文本之间间隔等长~~巧用css中的text-align：justify；

1，登录界面中文本提示的效果：

 

 

 

2，justify的作用：

可以使文本的两端都对齐。用于调整单词和字母间的间隔，使各行的长度恰好相等。

 

3，justify的注意细节：text-aligh:justify是针对一段文本（对最后一行的文本进行两端对齐）的，它对最后一行是没有效果的。

 

4，布局中使用到 text-aligh:justify 的处理：（伪类加个空内容的行块作为最后一行），然后，通过overflow 把多余的空白hidden。