/* 设置行高为30像素 */ p { line-height: 30px; }
上述代码可以使p元素的每一行高度为30像素。如果没有设置行高,每行的高度将由字号和字体决定。
如果你希望行高与字号相同,可以使用单位为1的行高。例如:
/* 设置行高与字号相同 */ p { font-size: 16px; line-height: 1; }
这样设置后,每行的高度将为16像素。你还可以通过调整行高来控制行与行之间的间距。例如:
/* 设置行高为40像素,间距为10像素 */ p { line-height: 40px; margin-bottom: 10px; }
这样设置后,每行的高度将为40像素,每段落之间的间距将为10像素。
总而言之,行高这个属性在CSS中是一个非常重要的,可以控制每行的高度和行与行之间的间距。通过掌握这个属性,你可以更好地控制页面元素的显示效果。