zoukankan      html  css  js  c++  java
  • line-height

    定义:两行文字基线之间的距离。

    文本中的线:

    行高的组成:上间距 + 文本的高度+下间距(上间距:定线到最上方的距离;文本高度:顶线和底线之间的距离;下间距:底线到最下方的距离)

    linebox:每一行称为line box;由许多inline-box组成。

      这只是一行普通文字,这里有个标签是匿名内联盒子,em是内联盒子

    包含盒子:由行框盒子line box和内敛盒子inline box组成

    line-height的使用

    对于块级元素:line-height指定元素内部line-boxes的最小高度;

    对于非替代行内元素(它们将内容直接告诉浏览器,将其显示出来;如span em):line box高度

    对于替代行内元素(替代元素是浏览器根据其标签的元素与属性来判断显示的具体内容 input img):line-height没有影响

    line-height取值:

    number:如line-height:3.2;子元素继承也是相对于子元素本身字体大小比例设置行高;

    %和em:如line-height:1.5em||150%;均为相对父元素字体大小比例设置行高;

    padding对行高的影响:

        非替代行内元素:行高没有影响

        可替代行内元素:设置padding会增加行高

    margin对行高的影响:

     非替代行内元素:行高没有影响;

        替代行内元素:为正:当正值小于行高不改变显示;大于行高会改变,为负到非替代元素之间的行高就不会改变

    line-height和图片:先去写vertical-align再回来补充

  • 相关阅读:
    栈的压入、弹出序列
    HM代码分析--TAppEncoder
    HM代码分析--TAppDecoder
    包含min函数的栈
    GMOJ 6841. 【2020.11.5提高组模拟】淘淘蓝蓝之树 林
    【2020.11.5提高组模拟】总结
    dsu on tree学习总结 (树上启发式合并)
    GMOJ 6847. 【2020.11.03提高组模拟】通往强者之路
    2020.11.03【NOIP提高A组】模拟
    【2020.11.02提高组模拟】总结
  • 原文地址:https://www.cnblogs.com/shui1993/p/10911366.html
Copyright © 2011-2022 走看看