CSS可以通過(guò)屬性來(lái)調(diào)整文本行間距和字間距,但是要調(diào)整上下間距需要用到line-height
屬性。
p { line-height: 1.5; /* 將行間距調(diào)整為1.5倍字體大小 */ }
注意,line-height
不是設(shè)置行高,而是設(shè)置行間距。它的計(jì)算方式是:(行高 - 字體大小)/ 2。
例如,如果字體大小為16px,行高為24px,那么行間距就是(24 - 16)/ 2 = 4px。
另外,line-height
不僅能夠調(diào)整行間距,還可以讓文本垂直居中顯示。
p { line-height: 2; /* 將行間距調(diào)整為2倍字體大小 */ height: 40px; /* 設(shè)置容器高度 */ display: flex; /* 使用flex布局 */ justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */ }
上面的代碼將p
元素的行間距調(diào)整為2倍字體大小,將容器高度設(shè)置為40px,并使用flex
布局讓文本垂直居中。