CSS中的行高屬性(line-height)常常用于控制文本的行間距,但是由于某些字體在渲染時(shí)會自帶一個(gè)默認(rèn)的行高,這會導(dǎo)致在使用line-height屬性時(shí)出現(xiàn)不必要的空白。
為了清除自帶的文字行高,我們需要設(shè)置CSS的font-size屬性和line-height屬性來達(dá)到理想的顯示效果。
/*清除文字自帶行高*/ p{ font-size:14px; line-height:1; }
通過設(shè)置font-size為14px,并將line-height設(shè)置為1,我們成功地將文字的行高設(shè)置為我們所需的高度,并且清除了默認(rèn)的行高。
值得注意的是,在設(shè)置line-height屬性時(shí),我們不能將其設(shè)置為0或者一個(gè)很小的數(shù),因?yàn)檫@可能會導(dǎo)致字體與行高重疊而難以閱讀。
總結(jié)一下:
- 通過設(shè)置font-size屬性和line-height屬性,我們可以清除自帶的文字行高。
- line-height屬性不能設(shè)為0或者很小的數(shù)。