对line-hight和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！

转载于:https://www.cnblogs.com/snowinmay/archive/2013/04/25/3043001.html

对line-hight和hight的使用相关推荐

基于Adaboost实现鸢尾花数据集分类
写在之前提交内容分为两大部分: 一为Adaboost算法实现,代码在文件夹<算法实现>中,<提升方法笔记>为个人学习笔记. 二为基于Adaboost模型实现鸢尾花数据集分类, ...
中读取数据_Flink入门实战 (中)
一.Flink 流处理 API 1.Environment getExecutionEnvironment 创建一个执行环境,表示当前执行程序的上下文. 如果程序是独立调用的,则此方法返回本地执行环 ...
自制网关切换器实例（转）
两个文件,一个是脚本,一个是配置文件. 配置文件config.ini [setup] name=聚友网吧 '共有线路条数 line=2 '第一条线路的设置,以下类同 [net1] '线路名称,可自定义 ...
流式布局SearchFlowLayout
看到搜索框下面一般都有最近的搜索记录,这些搜索记录一般是流式布局,下面的是一个流式布局,一个继承ViewGroup的自定义view,其中一种使用场景就是在搜索框下面,效果图如下: 下面是SearchF ...
655. Print Binary Tree 解题报告（树）
第一部分:搜索.遍历 [例子1]655. Print Binary Tree Example 1: Input:1/2 Output: [["", "1", & ...
面试必问：十大经典排序算法总结
0.排序算法的说明0.1 排序的定义对一序列对象根据某个关键字进行排序. 0.2术语说明稳定:如果a原本在b前面,而a=b,排序之后a仍然在b的前面:不稳定:如果a原本在b前面,而a=b,排序之后 ...
抽象类与接口的一个程序实现
/** 本程序实现抽象类与接口的基本操作* 对比接口与抽象类操作的区别* 其中的一个设计模式:工厂设计模式:A-C 直接.这样会造成耦合性过强.工厂设计模式加一个桥梁由A-B-C * 实现间接访问*/ ...
POJ3522Slim Span(最大边与最小边差值最小的生成树)
感谢这篇文章本文对其代码,进行一些解释. 这道题的题意很明了.求最大边与最小边差值最小的生成树首先,把所有的生成树都求出来是不可能的,所以,必须用别的方法. 在学习次小生成树的过程中,知道了一个最 ...
hdu 3303(线段树+抽屉原理)
解题思路:这题利用了抽屉原理,即1-M之间的所有数与M+1的模都不相同.那么可以利用它将要查找所有区间分成[1,Y-1],[Y,2*Y-1],[2*Y,3*Y-1].........一直下去,直到所有 ...
LeetCode Combination Sum
因为实验室项目好久没刷题了.从今天开始重新开始刷题. Given a set of candidate numbers (C) and a target number (T), find all un ...

对line-hight和hight的使用

对line-hight和hight的使用相关推荐

最新文章

热门文章