line-height的继承问题
2017-09-09 11:42
127 查看
line-height 行高属性 控制行与行之间的间距
这个属性大家应该很熟悉,毕竟太常用了:
比如line-height:120% 和 line-heihgt:1.2 和line-height:1.2em 之间的区别
通常设置行高的方式有以下几种
normal 默认。设置合理的行间距。
number 设置数字,此数字会与当前的字体尺寸相乘来设置行间距。
length 设置固定的行间距。
% 基于当前字体尺寸的百分比行间距。
inherit 规定应该从父元素继承 line-height 属性的值。
上面的区别主要在于line-height的继承
1. normal,父、子元素的行高由浏览器分别计算得到。
2. number,父、子元素根据各自的 font-size * number 计算得到行高。
3. length(带有 css 单位,如 em,px 等),子元素直接继承父元素的行高。
4. %,子元素直接继承父元素的行高,父元素的行高根据自己的 font-size 计算得到
因此想要line-height随着font-size缩放 早好采用数值
转载地址:点击打开链接
这个属性大家应该很熟悉,毕竟太常用了:
比如line-height:120% 和 line-heihgt:1.2 和line-height:1.2em 之间的区别
通常设置行高的方式有以下几种
normal 默认。设置合理的行间距。
number 设置数字,此数字会与当前的字体尺寸相乘来设置行间距。
length 设置固定的行间距。
% 基于当前字体尺寸的百分比行间距。
inherit 规定应该从父元素继承 line-height 属性的值。
上面的区别主要在于line-height的继承
1. normal,父、子元素的行高由浏览器分别计算得到。
2. number,父、子元素根据各自的 font-size * number 计算得到行高。
3. length(带有 css 单位,如 em,px 等),子元素直接继承父元素的行高。
4. %,子元素直接继承父元素的行高,父元素的行高根据自己的 font-size 计算得到
因此想要line-height随着font-size缩放 早好采用数值
转载地址:点击打开链接
相关文章推荐
- line-height 属性的继承问题
- line-height 属性的继承问题
- line-height 属性的继承问题
- 解决input设置line-height不居中的兼容性问题
- IE6行高line-height失效问题方法详解
- div在设置了宽度后的line-height问题
- dl, dt, dd /line-height /loat /vertical-align 问题
- line-height属性遇到的问题
- 由img和div的间隙引出:line-height以及vertical-align的问题。
- css的文字line-height兼容问题
- line-height的继承
- js iframe onload &line-height浏览器兼容问题
- 【转载】解决IE6下的行高line-height失效问题
- 使用css属性line-height实现文字垂直居中的问题
- width,height的问题,span中line-height和padding区别
- 垂直居中问题不只有 line-height 可以解决,还有一个哥们叫 margin-top
- line-height 详解,及个别问题
- line-height不能居中的问题
- chrome safari 中input垂直居中对齐 行高问题line-height
- CSS新手学习记录贴-line-height继承