天天看点

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

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

1,登录界面中文本提示的效果:

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

2,justify的作用:

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

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

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

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