CSS中line-height的学习
来源:互联网 发布:苹果系统检测软件 编辑:程序博客网 时间:2024/05/18 00:03
对于line-height的介绍,在下面的一篇博客中已经讲解的很清楚,。http://www.cnblogs.com/fengzheng126/archive/2012/05/18/2507632.html 但是,在学习过程中遇到了一些难以理解的困难,在翻开其他资料后,有了一定了解,现记录于下,以防遗忘。
一个块标签包含四个盒子:
内容区域、内联盒子(内联框)、行盒子(行框)、包含盒子
每一行称为行盒子, 由许多内联盒子组成。
内联盒子的高度,基于最小配方原则,即选取内联元素的内容区域和行高最小的一个,作为内联盒子的高度。
内联盒子中行高最大的一个作为行框的高度
一个一个的行框的高度组成了包含盒子的高度。
包含盒子的高度,即为一个块标签如div、p的内容区域高度(height)
整个块标签的盒子高度=块标签的内容区域高度+左右margin+左右padding+左右border
当只有一行元素,定义了行高而未设置height,通常认为height=line-height。
当只有一行元素时,设置height=line-height,则内容垂直居中,只是近似居中。
0 0
- CSS中line-height的学习
- CSS中line-height的奇妙用处
- CSS中line-height与height的区别
- CSS中line-height和height的区别
- CSS中line-height与height的区别?
- CSS中line-height和height的区别
- css中height和line-height
- CSS的line-height属性
- css学习笔记之line-height
- css行高line-height的介绍
- css的行高Line Height属性
- css的文字line-height兼容问题
- CSS的单位及line-height百分比
- css行高line-height的用法
- (转载) CSS height 和 line-height 的区别
- CSS line-height 属性
- css line-height记录
- CSS line-height 属性
- 不带缓存的I/O操作(2)
- 关于FTP
- 学习记录
- ActiveMQ SSL应用之四 编写Java Demo类使用SSL连接ActiveMQ
- 信道与信道容量(一)
- CSS中line-height的学习
- python爬虫(下)--模拟登录与Captcha识别
- 窗口(单调队列)
- 串的模式匹配算法实现
- poj 2488 A Knight's Journey (dfs)
- 【文件】关于文件的复制函数
- C#异步编程之浅谈Task
- modelsim quick start
- sizeof运算符与求字符串长度函数strlen的区别