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

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

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

 

 

 

2,justify的作用:

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

 

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

 

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

 

 

posted @ 2021-08-10 20:57  一乐乐  阅读(272)  评论(0编辑  收藏  举报