CSS設置行間距和字間距


行間距:

  CSS中通過line-height是一個比較常用的屬性,可以實現行間距的設置,line-height的值表示的是兩行文字之間基線的距離(line-height可以實現文字垂直居中效果,但我一般用flex布局來實現,感覺flex布局比較好用,且適用范圍廣)。

  line-height的值為具體的數值,可以是相對數值,也可以設置為絕對數值,在靜態頁面中,文字大小固定時常常使用絕對數值,而對於論壇和博客這些用戶可以自定義字體大小的頁面,通常設置為相對數值,從而,可以隨着用戶自定義的字體大小改變相應的行間距。

字間距:

  CSS中通過letter-spacing屬性來調整字間距,這個屬性同樣可以設置相對數值和絕對數值。

  例:letter-spacing:4px;

  有時候我們文字居中后設置字間距后會發現文字向左偏移了,這是我們可以通過設置padding-left來恢復居中效果,以上面為例,可以這樣設置:

  padding-left: 4px//消除偏左影響


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM