美文网首页
关于line-height的一些理解

关于line-height的一些理解

作者: 芗芗_ | 来源:发表于2018-04-09 10:39 被阅读0次

序:

早些时间就看过张鑫旭大大的一些文章,但是仅仅停留在看的阶段,没有进行验证和实践,死记硬背了一些,到最后还是忘的一干二尽,所以记住和学会是两个事情,所以写博客也是这个目的,让自己印象深刻。

正文:

1.一个line boxes没有高度 那么是由内部最大的的inline box的 line-height 决定

line-height 默认值为nomal  chrome浏览器的为1.15

表现为:空的div没有高度,+文字就有高度了

只有一个元素是inline-block和inline的时候vertical-align才会起作用

父元素的为block 子元素 都为 inline-block 并且vertical-align 为middle的时候并不会居中

line-height能被继承

有时候你改变了Vertical-align的值,但是该元素垂直方向上没有发生改变反而别的元素改变了位置。

主要是因为改变了linebox的beaseline的位置

https://segmentfault.com/a/1190000002668492

相关文章

  • 关于line-height的一些理解

    序: 早些时间就看过张鑫旭大大的一些文章,但是仅仅停留在看的阶段,没有进行验证和实践,死记硬背了一些,到最后还是忘...

  • line-height行高

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

  • CSS line-height的理解

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

  • CSS行高

    css行高line-height的一些深入理解及应用 深入理解CSS中的行高

  • line-height理解

    1.line-height含义 两行文字基线之间的高度距离 2.line-height属性值 2.1简介(norm...

  • 关于line-height的一些认识

    作为一个前端小白,之前一直觉得文本撑开内容的高度是很自然的现象,但是,文本所撑开的高度事实上并不是高度,而是行高。...

  • line-height和vertical-align的关系(一)

    说在前面:最近在学习张鑫旭大神的《css行高line-height的一些深入理解及应用》和《CSS深入理解vert...

  • 笔记: CSS深入理解vertical-align和line-h

    参考 CSS深入理解vertical-align和line-height的基友关系 深入理解css中vertica...

  • 张鑫旭老师博客收藏

    1.css文字超出显示省略号。2.css行高line-height的一些深入理解及应用3.checkbox复选框的...

  • line-height理解和应用

    最近工作中碰到了一个问题,在line-height都等于1,vertical-align:baseline的情况下...

网友评论

      本文标题:关于line-height的一些理解

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