使用固定值的示例:
p {
line-height: 1.5; /* 设置行高为文本字体大小的1.5倍 */
}
h1 {
line-height: 2; /* 设置行高为文本字体大小的2倍 */
}
使用百分比的示例:
h2 {
line-height: 150%; /* 设置行高为文本字体大小的150% */
}
使用相对值的示例:
h3 {
line-height: 1.2em; /* 使用相对于元素字体大小的单位(em),设置行高为1.2倍字体大小 */
}
使用无单位值的示例:
p {
line-height: 1.5; /* 无单位值,表示相对于字体大小的倍数 */
}
h1 {
line-height: 2; /* 无单位值,表示相对于字体大小的倍数 */
}
适当地设置 line-height 对于提高页面的可读性和排版效果非常重要。它不仅影响文字的垂直间距,还可以影响文字的居中和垂直对齐等方面。通常,推荐使用无单位的数值,以相对于元素字体大小的倍数来设置行高。
转载请注明出处:http://www.pingtaimeng.com/article/detail/6089/CSS