在CSS中,有一種很常見的排版需求就是設置行間距,而其中一種方法就是通過倍行距來實現。在CSS2中,我們可以通過設置line-height屬性的值來實現倍行距。
p { line-height: 2; /* 表示設置行高為當前字體大小的兩倍 */ }
上述代碼中的line-height屬性可以設置為任何數值,它的計算值就是所設置的數值乘以當前字體大小。比如,如果當前字體大小為16px,而line-height被設置為2,那么行高就是32px。
如果想要讓文字的行與行之間更加寬敞,我們還可以使用行高的百分比或者具體的像素值來設置,比如:
p { line-height: 150%; /* 表示設置行高為當前字體大小的150% */ /* 或者 */ line-height: 24px; /* 表示直接設置行高為24像素 */ }
需要注意的是,當行高設置得過大時,可能會造成文字之間的重疊現象,因此應該適度設置行高大小。除此之外,我們還可以使用line-height的inherit屬性來繼承父元素的行高,使得整個頁面中的文本行高看起來更加自然美觀。
p { line-height: inherit; /* 表示繼承父元素的行高 */ }
在網頁的排版中,行高的設置是非常重要的,通過調整行高,我們可以實現更加整潔美觀的網頁排版效果。
上一篇css20手冊下載
下一篇css3怎樣控制字符間距