项目中看到 line-height:1
所以来总结一下 line-height
属性。
line-height
定义
line-height
属性设置行间的距离(行高)。
line-height
不允许使用负值。
属性可能的值
值 | 描述 |
---|---|
normal | 默认。设置合理的行间距。 |
number | 设置数字,此数字会与当前的字体尺寸相乘来设置行间距。 |
length | 设置固定的行间距。 |
% | 基于当前字体尺寸的百分比行间距。 |
inherit | 规定应该从父元素继承 line-height 属性的值。 |
line-height
和 font-size
的关系:
行距=line-height - font-size;
line-height=它的数字*font-size;
line-height: 1
实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>line-height</title>
<style>
div