html5 lineheight属性,HTML中line-height的继承

原标题：HTML中line-height的继承

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缩放早好采用数值返回搜狐，查看更多

责任编辑：

html5 lineheight属性,HTML中line-height的继承相关推荐

html5 lineheight属性,css line-height属性的使用技巧
css中用于设置行高的属性,line-height属性. 第一,对CSS3的选择器和类似header.nav.footer等标签不兼容,在不使用插件和JS处理的情况下,从纯CSS的角度来切入,可以采用 ...
html5 lineheight属性,深入理解line-height属性
line-height,顾名思义指一行文字高度,具体是指两行文字基线的距离. 在css中,起高度作用的不是height就是line-height!在一个有文字的div中没有定高度,之前一直以为是字体把 ...
html5 iframe 属性,html中关于iframe的allowTransparency属性的详解
IE5.5开始支持浮动框架的内容透明.如果想要为浮动框架定义透明内容,则必须满足下列条件. 1.与 iframe 元素一起使用的 allowTransparency 标签属性必须设置为 true. 2 ...
css line-height属性是什么
css line-height属性是什么概念 1.css line-height属性会影响行框的布局,用于设定行与行之间的距离(行高),不允许使用负值. 2.当应用于块级元素时,它定义了基线之间的最 ...
html中高与行高的区别,深入了解css的行高Line Height属性
什么是行间距? 古时候我们是用印刷机来处理文字,印出来的每个字都位于独立的一个块里. 行间距,即传说中控制两行文字之间垂直距离的东东. 在CSS,line-height被用来控制行与行之间的垂直距离. ...
标签中包含input时line-height属性失效的解决办法
今天在项目中碰到一个问题,就是在ie6下,p标签的line-height不起作用.琢磨了好久,在javascript罗浮宫的同学提示下,才知道包含了input标签时,ie6下行高会失效,其它浏览器均正 ...
HTML中设置行高的属性是,line-height属性(行高标签用法)
line-height属性 1.line-height特点设置行间的距离(行高),而行距离的尺寸分配是line-height与font-size的计算值之差(在CSS中成为"行距离" ...
css文本行高是哪个属性_CSS中的line-height行高属性的使用技巧小结
CSS中的line-hight属性是用来控制文本行之间的空隙的.它一般情况下没有单位的设定(如:line-height:1.4;)所以这是一个按字体尺寸的比例来计算.这对印刷版来说是一个很重要的属性. ...
CSS中line-height属性
line-height CSS 属性用于设置多行元素的空间量,如多行文本的间距.对于块级元素,它指定元素行盒(line boxes)的最小高度.对于非替代的 inline 元素,它用于计算行盒(lin ...

html5 lineheight属性,HTML中line-height的继承

html5 lineheight属性,HTML中line-height的继承相关推荐

最新文章

热门文章