lineheight(line height怎么读)

http://www.itjxue.com  2023-01-29 08:02  来源:未知  点击次数: 

CSS中,line-height:1.5 相当于多少PX?谢谢

这只是一个相对值,也就是说,它相当于设置样式为1.5倍的行高。

如你的补充提问:我们初始设font-size:12px; 那么line-height:1.5; ?就相当于12*1.5=18px;

父元素font-size*1.5,如果未定义一直向上追溯到body,如果body未定义字体大小,则按浏览器默认的来算。如果你的行高不确定的话,那么这个就无法换算。

line-height 属性设置行间的距离(行高)。

注释:不允许使用负值。

em是相对长度单位。相对于当前对象内文本的字体尺寸。

如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。

示例:

div { font-size : 1.2em; }

em与px的换算

1em=16px, 12px=0.75em

如果将em换算后html{font-size:62.5%},1em=10px。

请问在css中, min-height,max-height,line-height分别是什么意思

min-height就是你的层的最小高度,如果该层中的元素内容高度小于这个高度,就将层显示为min-height的值,超过的话,就撑破层,使层的高度与元素内容高度一样。

max-height就是和这个相反了,不超出的话,层高度就和层中内容元素高度一样,否则就截断内容,显示max-height的高度。

line-height是行高,就是针对文本的,即一行文字的行高,是以该标签中文字大小font-size做比较的,例如line-height=200%;就是让行高是文字大小的两倍。

line-height 用小数单位是什么

line-height:1.2?,一般别人不这么写的。要不使用的单位是px,要不使用的单位是em

具体写法

line-height:20px

line-height:1.5em

px与em如何转换?请看下图

希望你能理解。欢迎追问,尽我所能为你解答。

CSS为什么行高line-height与文字高度height设为一样大,文字就垂直居中了?

用p元素输出一行文本后:

①line-height(行高)=font-size(字符大小)+word-spasing(上下行间距)

例如:行高设置为100px时,若字符大小为30px,那上下行间距就分别为35px;

重点是:字符上行间距和下行间距的大小是相同的。

②如果你知道height是块级元素的属性,没行内元素什么事,那你对你的问题就不难理解:

试想,一个100px高的div,它的上下padding都设置为35px;中间的content就是30px,此时,它的height(高)=content(内容大小)+padding(上下填充值)。

③结合以①②中的两个等式:当设置line-height等于height时,字符大小就是内容大小,而上下相同的行间距就相当于上下相同的padding。故,div中的内容居中=p元素的字符(撑满容器)居中。

“如果此时我把行高调为60px,那么文字中心点距上或者距下各为30px,那不仍然是垂直居中吗?”

你想想,你说的“垂直居中”是相对什么居中?相对于上一行的文本和下一行的文本垂直居中?确实是这样,但这不是相对包围他们的容器。

(责任编辑:IT教学网)

更多

推荐3DMAX教程文章