美文网首页
line-height: 2和line-height: 200%

line-height: 2和line-height: 200%

作者: 苏英伟 | 来源:发表于2017-04-17 00:20 被阅读0次

    line-height: 2和line-height: 200%是有区别的。 两个属性设置给具体的某一个元素时是没有区别的。如下图:


    都设置为line-height: 2 line-height: 200%,表现和设置为line-height: 2一样

    那么他们的区别又在哪里呢?

    区别就是他们设置两种不同的属性后其子元素表现样式上的区别! 可以看下面的例子:

    • 父元素设置line-height: 200%;属性时 父元素设置这个属性后,其所有子元素的行高都是一个具体的值,即他们父元素字体大小的200%。下例可看出子元素的行高都一致,即父元素字体大小的2倍,32px。
    line-height:200%属性下子元素行高是具体的值
    • 父元素设置line-height: 2;属性时 父元素设置这个属性后,其所有子元素的行高都是自身字体大小的2倍。下例可看出子元素的行高都是不一致的。
    line-height:2;属性下子元素行高都是一个相对自身字体大小的值

    相关文章

      网友评论

          本文标题:line-height: 2和line-height: 200%

          本文链接:https://www.haomeiwen.com/subject/ktpzattx.html