CSS3 line-spacing 屬性是用于控制文本行之間的距離。這個屬性可以應用在所有的文本元素中,包括塊級元素和行內元素。使用這個屬性可以讓文本看起來更加緊湊、或者分隔更加明顯。
/* 將行間距設置為1.5倍的行高 */ p { line-height: 1.5; }
這里有幾個 CSS3 line-spacing 屬性的使用案例:
/* 設置緊湊的行距 */ p { line-height: 0.8; } /* 設置大幅的行間距 */ p { line-height: 2; } /* 設置粉色文字,綠色下劃線 */ p { line-height: 1.5; color: pink; text-decoration: underline green; }
一些注意事項:
1. line-spacing 的默認值是 normal,即行間距和當前元素的 font-size 一致。
2. 不要在過多的地方使用緊湊的行距,這會使得文本難以閱讀。
3. line-height 的單位可以是像素,百分比或者 em。
上一篇css3pie引用
下一篇php explode