line-height: 【值】;
该属性值可以使用以下格式的值:
- 像素值(如 20px)
- 相对值(如 1.5)
- 百分比值(如 150%)
如果你没有设置行高,一般浏览器会自动计算一个值。这个默认值一般是字体大小的 1.2 倍。
下面是一些示例代码,可以帮助你更好地理解行高的设置:
/* 像素值 */ p { line-height: 24px; } /* 相对值 */ p { font-size: 16px; line-height: 1.5; /* 行高为字体大小的 1.5 倍 */ } /* 百分比值 */ p { line-height: 150%; }
通过设置行高,你可以控制文本行的间距,使得文本看起来更加美观。