演示代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div{
/* line-height: 10px; 重叠了,再次说明不是行间距 */
font-size: 20px;
/* line-height: 40px; */
/* line-height: 4; */
line-height: 400%;
}
p{
width: 300px;height: 100px;background: red;
line-height: 100px;
}
</style>
</head>
<body>
<div>
<!-- 一行占用的高度,不是行间距 -->
<!-- 默认的行高 normal -->
<!-- 尺寸单位,固定行高 -->
<!-- 数字,当前字体尺寸的倍数 -->
<!-- 百分比,当前字体尺寸的百分比 -->
<!-- 行高通常用来使单行文本垂直居中 -->
我要自学我要自学我要自学我要自学我要自学我要自学我要自学
我要自学我要自学我要自学我要自学我要自学我要自学我要自学
我要自学我要自学我要自学我要自学我要自学我要自学我要自学
我要自学我要自学我要自学我要自学我要自学我要自学我要自学
</div>
<p>我要自学</p>
</body>
</html>