美文网首页
height 和 line-height的区别

height 和 line-height的区别

作者: Smallparcel | 来源:发表于2018-12-25 09:40 被阅读6次

( ̄︶ ̄)author---小火车

区别

  • height表示容器的高度,line-height表示这一容器内的每行文字的高度
    eg: 如:height一般用来表示设置这一容器的高度。
    一般来说,如果是要设置文字行距和居中显示,都会带上line-height:40px;font-size:20px;
    这样的话,就相当于文字大小 20px,文字行间距离也有20px了。
<div style="line-height:20px;">abc<br/>abc<br/>abc<br/>abc<br/>abc<br/></div>

调整line-height:20px中20px这个值,行间距就会发生变化
另外,line-height和height组合到一块儿,还有一种效果,就是如果把它们的值设置的一样了,文字就会在垂直方向居中

相关文章

  • 基础样式&隐藏元素

    line-height: 2和line-height: 200%有什么区别? 父元素设置line-height:2...

  • height 和 line-height的区别

    ( ̄︶ ̄)author---小火车 区别 height表示容器的高度,line-height表示这一容器内的每行文...

  • line-height和vertical-align

    line-height 在开发时,我们经常用到line-height,如设定height和line-height同...

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

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

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

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

  • line-height行高

    关于line-height line-height 语法: line-height : normal | <实数>...

  • CSS line-height的理解

    真正的能理解CSS中的line-height,height与line-height line-height是基线到...

  • HTML3

    line-height有什么作用? line-height是用于行高,另当line-height等于height时...

  • height与line-height区别

    在css中可以使用height与line-height来控制高度,其中height是指标签块的高度;而line-h...

  • 任务6

    问答: 1. line-height有什么用? 设置行间的距离(行高); 设置line-height和height...

网友评论

      本文标题:height 和 line-height的区别

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