zoukankan      html  css  js  c++  java
  • 对linehight和hight的使用

    行高line-height,是文本行基线这件的距离,不是字体大小,它确定了各个元素框的高度增加或减少多少。

    对于块级元素:定义了元素中文本基线之间的最小距离。

    line-height并不影响替换元素的布局,但是确实可以应用到替换元素。

    行间距:line-height - font-size

    定义font属性的时候,用户代理会自动会生成一个line-height。

    浏览器  FF
     字体大小(font-size)  12px   13px 14px /15px 16px  18px  20px  22px 
     行高(line-height)  17px  19px  20px  21px  24px  27px  30px
    浏览器  Chrome
     字体大小(font-size)  12px   13px 14px /15px 16px  18px  20px  22px 
     行高(line-height)  17px  19px  20px  21px  24px  27px  30px
    浏览器  IE9
     字体大小(font-size)  12px   13px 14px  16px  18px  20px  22px 
     行高(line-height)  15.8px  17.2px  18.5px  21.2px  23.8px  26.4px  29px
    浏览器  360
     字体大小(font-size)  12px   13px 14px /15px 16px  18px  20px  22px 
     行高(line-height)  17px  19px  20px  21px  24px  27px  30px

    inline元素中,不是文字撑开了div的高度,而是line-height

  • 相关阅读:
    vuejs cli3 env配置文件实践指南
    Nginx的rewrite(地址重定向)剖析
    什么是TCP粘包?怎么解决这个问题
    windows bat批处理语法简析
    BAT文件语法和技巧(bat文件的编写及使用)
    Asyncio之EventLoop笔记
    python struct的使用例子
    redis慢查询笔记
    redis基础操作概念等笔记
    Python实现Dijkstra算法
  • 原文地址:https://www.cnblogs.com/snowinmay/p/3043001.html
Copyright © 2011-2022 走看看