天天看點

頁面文本之間間隔等長~~巧用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;