定义

如果是多行文字，line-height = 每一行文字基线之间的距离。
如果是单行文字，line-height = 上间距 + 文本的高度+下间距。并且上间距等于下间距。

基线

基线指的是文字的下边缘，不同的字体，基线位置会有细微的差别，大致位置是字母x下边缘。
盗图：

line-height值

1. normal
默认值。相当于当前字体尺寸的1.2倍。

2. number
与当前字体尺寸相乘来设置行间距。
父节点设置line-height，子节点不设置line-height的情况下，子节点会根据本身的字体尺寸和line-height相乘再次计算行间距。

3. %
当前字体尺寸的百分比行间距。
父节点设置line-height，子节点不设置line-height的情况下，子节点会直接继承父节点计算完成的结果，不会再次计算行间距。

4. em
固定尺寸的行间距。计算模式跟百分比一样。

5. inherit
强制从父节点继承行间距。

line-height含义相关推荐

html中高与行高的区别,深入了解css的行高Line Height属性
什么是行间距? 古时候我们是用印刷机来处理文字,印出来的每个字都位于独立的一个块里. 行间距,即传说中控制两行文字之间垂直距离的东东. 在CSS,line-height被用来控制行与行之间的垂直距离. ...
真正的能理解CSS中的line-height，height与line-height
在最近的项目中,常常用到line-height,只是简单的理解为行高但并没有深层次的理解,致使不能达到信手拈来的感觉.在此做一下总结,一是更深层次的了解什么是line-height,二是比较heigh ...
CSS中的line-height，height与line-height
在最近的项目中,常常用到line-height,只是简单的理解为行高但并没有深层次的理解,致使不能达到信手拈来的感觉.在此做一下总结,一是更深层次的了解什么是line-height,二是比较heigh ...
db2top详细使用方法_Py之PIL：Python的PIL库的简介、安装、使用方法详细攻略
Py之PIL:Python的PIL库的简介.安装.使用方法详细攻略目录 PIL库的简介 PIL库的安装 PIL库的用方法 1.几何图形的绘制与文字的绘制 2.绘制图形的各种案例 PIL库的简介 PI ...
Jupyter 快速入门——写python项目博客非常有用！！！
from:https://blog.csdn.net/m0_37338590/article/details/78862488 一.简介: Jupyter Notebook(此前被称为 IPython ...
Py之PIL：Python的PIL库的简介、安装、使用方法详细攻略
Py之PIL:Python的PIL库的简介.安装.使用方法详细攻略目录 PIL库的简介 PIL库的安装 PIL库的用方法 1.几何图形的绘制与文字的绘制 2.绘制图形的各种案例 PIL库的简介 PI ...
基于pt100温度计仿真_基于8pt网格的设计系统
基于pt100温度计仿真重点 (Top highlight) This article is the 2nd in a two part series - to the previous chapt ...
电子设计速成_Web设计速成课程：从一个非设计者到另一个
电子设计速成 by Ali Spittel 通过Ali Spittel Web设计速成课程:从一个非设计者到另一个 (A Web Design Crash Course: from one non-d ...
数据可视化系列（二）：艺术画笔见乾坤
前言期待了好久的datawhale可视化教程终于出来了,这次标题狠有文艺范儿,哈哈哈这次我主要目的是最近要写篇论文,也正好为以后建模画图打劳基础~ 大家可以多看看官方教程: 中文官方网站:http ...
浅谈line-height
基础知识有4种模型,分别是块,块盒模型 containing boxing,包括line 行内盒模型 inline boxing ,包含content 行模型 line boxing,包含inli ...

line-height含义

定义

基线

line-height值

line-height含义相关推荐

最新文章

热门文章