css行高：line-height属性详解（2）
作者：ddcatlee 来源：猫沙盆 发布时间：2008-06-24 11:42:00
标签：line-height,行高,文字,css
7.3.2 内容区域、行内框和行框
理论上讲，一行中的每个元素都有一个内容区域，它是由字体尺寸决定的，如图7-19所示。
图7-19 内容区域 行内元素会生成一个行内框（inline box），行内框只是一个概念，它无法显示出来，但是它又确实存在。在没有其他因素影响的时候，行内框 等于内容区域，而设定行高则可以增加或者减少行内框的高度，即：将行距的值（行高-字体尺寸）除以2，分别增加到内容区域的上下两边，如图7-20所示。
图7-20 行内框与行高
由于行高可以应用在任何元素上，因此同一行内的若干元素可能有不同的行高和行内框高，例如有如下代码，其显示如图7-21所示。
<p style="line-height:20px;"><p& gt;行高20px。<strong style="line-height:50px;"><strong> 行高50px。</strong><span style="line-height:30px;">< span>行高30px。</span></p>
图7-21 行内框与行框
这里又有一个新的概念——行框（line box）。同行内框类似，行框是指本行的一个虚拟的矩形框，其高度等于本行内所有元素中行高最大的值。因此，当有多行内容时，每行都会有自己的行框，如图7-22所示。
图7-22 多行内容的行框
提示：理解行框和行内框的概念对于学习本章[7.4垂直对齐：vertical-align属性]一节的内容非常重要。 注意：行框的高度只同本行内元素的行高有关，而和父元素的高度（height）无关。
0
投稿猜你喜欢
- 本文实例讲述了Windows平台Python连接sqlite3数据库的方法。分享给大家供大家参考，具体如下：之前没有接触过sqlite数据库
- 1、先导入HTMLTestRunner模块见生成HTMLTestRunner模块2、实例如下（1）单用例文件执行且生成报告import un
目录一、IPO模型 二、基本输入 - input()函数1、函数格式2、参数说明3、实例演示（1）接收字符串数据（2）接收整型数据- 本文实例讲述了通过 jQuery EasyUI框架创建一个RSS阅读器，分享给大家供大家参考。具体如下：运行效果截图如下：我们将使用以下插件
- 一、初始化CounterCounter支持3种形式的初始化，比如提供一个数组，一个字典，或单独键值对“=”式赋值。具体初始化的代码如下所示：
- 三种文件操作比较ioutilbufioos.File当文件较小(KB 级别)时，ioutil > bufio > os。当文件大
- 一、MySQL删除外键格式：alter table 表名 drop foreign key 外键名;表名就是有外键存在的那个表。外键名可以通
- 本文实例讲述了PHP实现的微信公众号扫码模拟登录功能。分享给大家供大家参考，具体如下：PHP微信公众号扫码模拟登录功能功能只是将:https
- 本文实例讲述了Golang算法之田忌赛马问题实现方法。分享给大家供大家参考，具体如下：【田忌赛马问题】输入：输入有多组测试数据。 每组测试数
- 在将自定义的网络权重加载到网络中时，报错：AttributeError: 'dict' object has no attr
- 如下所示：#加载词典def load_dict_from_file(filepath): _dict = {} tr
- Go 互斥锁的实现原理？Go sync包提供了两种锁类型：互斥锁sync.Mutex 和 读写互斥锁sync.RWMutex，都属于悲观锁。
- 说明：Go 语言切片是对数组的抽象。Go 数组的长度不可改变，在特定场景中这样的集合就不太适用，Go中提供了一种灵活，功能强悍的内置类型切片
- 0.前言SQLite是一款开源、轻量级、跨平台的数据库，无需server，无需安装和管理配置。它的设计目标是嵌入式的，所以很适合小型应用，也
- 测试靶机为DVWA，适合DVWA暴力破解模块的Low和Medium等级关键代码解释url指定url地址url = &qu
- Python 操作 MySQL配置win_64Ubuntu14.04Python3.xpip安装pymysql模块直接使用pip安装 pip
- 介绍本文中探索三个流行的 Python 图像增强库。图像分类器通常在训练更多的图像时表现得更好。在图像分类模型中，一个常见的问题是，模型不能
- 第一种import win32clipboardimport time#速度快 容易出错class niubi(): def l
- 前言本篇文章主要讲解vue响应式原理的逻辑，也就是vue怎么从最开始一步步推导出响应式的结构框架。 先从头构建一个简单函数推导出Vue3的R
- MySQL安装文件分为两种，一种是msi格式的，一种是zip格式的。点击进入：下载地址1.下面是msi的下载和安装的步骤点击进去之后根据自己
