首页 > 代码库 > CSS:line-height:行高
CSS:line-height:行高
行高=文字尺寸+行距；
一般情况下，浏览器默认的line-height为1.2。可以自定义 line-height 覆盖这个初始值，那么该怎样设置line-height呢？有以下5种方式：
| 值 | 描述 |
|---|---|
| normal | 默认。设置合理的行间距。 |
| number | 设置数字，此数字会与当前的字体尺寸相乘来设置行间距，即number为当前font-size的倍数。 |
| length | 设置固定的行间距。不会随着文字大小变化 |
| % | 基于当前字体尺寸的百分比行间距。 |
| inherit | 规定应该从父元素继承 line-height 属性的值。 |
一般来说设置为1.5e之类的最好，行高可以根据自己缩放而改变
| 设置方式 | line-height | 计算后的line-height | 子元素继承的line-heightinherit | |
| inherit | 父元素的line-height值 | 不用计算 | 父元素的line-height | |
| length | 20px | 不用计算 | 20px | |
| % | 120% | 自身font-size (16px) * 120% = 19.2px | 继承父元素计算后的line-height值 19.2px，而不是120% | |
| normal | 1.2 |
| 继承1.2，line-height = 自身font-size(32px) * 1.2 = 38.4px | |
| 纯数字 | 1.5 | 自身font-size (16px) * 1.2 = 19.2px | 继承1.5，line-height = 自身font-size(32px) * 1.5 = 48px |
CSS:line-height:行高
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。