美文网首页
line-height

line-height

作者: 参商_70a0 | 来源:发表于2019-10-08 09:57 被阅读0次

文字所产生的高度,不是由文字撑开的,而是由line-height所决定的

.test1{font-size:20px; line-height:0; border:1px solid #cccccc; background:#eeeeee;}
.test2{font-size:0; line-height:20px; border:1px solid #cccccc; background:#eeeeee;}
<div class="test1">测试</div>
<div class="test2">测试</div>

在inline box模型中,有个line boxes包裹每行文字
一行文字一个line boxes
一行一个,一个字罩着一个line boxes

相关文章

  • line-height行高

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

  • 基础样式&隐藏元素

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

  • line-height和vertical-align

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

  • HTML3

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

  • CSS line-height的理解

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

  • font-size(字号)& line-height(行高)

    line-height带有单位时,计算行高的结果为line-height高度,line-height规定的是行高最...

  • html3

    linge-height有什么作用? line-height:20px;line-height:2; (行...

  • line-height、background-clip、deg、

    line-height行与行之间的距离,不可以为负值; line-height:200%; background-...

  • 04day

    行间距line-height = font-size + 行间距.p{line-height:100% (相对于字...

  • HTML 学习笔记3

    1 . line-height 的作用 在没有设置标签的高度height时,line-height控制其表现高度...

网友评论

      本文标题:line-height

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