以下是 line-height 属性的基本语法:
selector {
line-height: value;
}
- value 可以是一个具体的长度单位(如像素、em),也可以是百分比,数字(相对于字体大小的倍数),或无单位的值。
示例:
p {
line-height: 1.5; /* 行高为字体大小的1.5倍 */
}
h1 {
line-height: 2em; /* 行高为2倍的字体大小 */
}
div {
line-height: 120%; /* 行高为父元素字体大小的120% */
}
适当设置 line-height 可以提高文本的可读性,并在设计中产生更好的排版效果。行高的值可以影响到文字垂直居中、行间距、以及整体文本布局。
转载请注明出处:http://www.zyzy.cn/article/detail/4205/CSS