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