在CSS里設(shè)置兩行文字的間距是一個常見的需求,可以通過line-height屬性來實(shí)現(xiàn)。line-height屬性定義了行框的高度,即行與行之間的距離。
通常情況下,line-height的值為一個數(shù)字,表示倍數(shù)關(guān)系,例如:
p { line-height: 1.5; }
這樣設(shè)置,如果p元素的字體大小為16像素,那么行高就是24像素(16 * 1.5)。這樣就會讓每行文字之間留有一定的空白,以便區(qū)分不同行。
除此之外,line-height屬性還可以接受一些非數(shù)字的值,例如:
p { line-height: normal; }
normal表示使用默認(rèn)行高,一般為1.2倍的字體大小。還有一個常用的值是inherit,表示繼承父元素的line-height屬性。
需要注意的是,line-height屬性不僅會影響文字行與行之間的距離,還會影響文字在塊元素中的垂直居中方式。因此,在設(shè)計布局時需要注意line-height的使用。