本文主要包含CSS,行高,line-height等相关知识,佚名 希望在学习及工作中可以帮助到您
一、行高的字面意思
“行高“顾名思义指一行文子的高度。具体来说是指两行文子间基线间的距离。
基线是在英文字母中用到的一个概念，我们刚学英语的时候使用到的那个英语本子每行有4条线，其中底部第二条线就是基线，是a,c,z,x等字母的地边线。
————————顶线(top line)————————————————
——————————中线(middle line)————————————
————————————基线(base line)———————————
———————————————底线(bottom line)——————
vertical-align中有top,middle,baseline,bottom与之是有关联的，但是具体细节如何，浏览器差异怎样，我还是不是很清楚。
但是由于中午跟英文长得不一样，所以基线的说法就像老太太穿线一一对不上眼。你理解为底线之差也不为不可。只是定义一回事，表现则另一回事。
二、line-height与line boxes高度
先说一个大家熟知的现象，有一个空的div，<div></div>,如果没有设置至少大于1像素高度height值时，该div的高度就是个0.如果该div里面打入了一个空格或是一个汉字 ，则此div就会有一个高度。那么您有没有思考过，为什么div里面有文字后就会有高度呢？
这是个看上去很简单的问题，是理解line-height非常重要的一个问题。可能有人会认为是：文子撑开的！文子占据空间，自然将div撑开。我一开始也是这样理解的，但是事实上，深入理解inline模型后，我发现，根本不是文字撑开了div的高度，而是line-height!哟证明很简单(如下测试代码):
css代码：
其实line boxes不是直接的生产者，属于中层干部，真正的活儿都是它的手下-inline boxes干的，这些手下就是文字啦，图片啦，span之类的inline属性的标签啦。line boxes只是个考察汇报人员，考察它的手下谁的实际line-height值最高，谁最高，它就要谁的值，然后向上汇报，形成高度。例如，<span style="line-height:20px;">取手下line-height<span style="line-height:40px;">最高</span>的值</span>.则line boxes的高度就是40像素了。
“行高“顾名思义指一行文子的高度。具体来说是指两行文子间基线间的距离。
基线是在英文字母中用到的一个概念，我们刚学英语的时候使用到的那个英语本子每行有4条线，其中底部第二条线就是基线，是a,c,z,x等字母的地边线。
————————顶线(top line)————————————————
——————————中线(middle line)————————————
————————————基线(base line)———————————
———————————————底线(bottom line)——————
vertical-align中有top,middle,baseline,bottom与之是有关联的，但是具体细节如何，浏览器差异怎样，我还是不是很清楚。
但是由于中午跟英文长得不一样，所以基线的说法就像老太太穿线一一对不上眼。你理解为底线之差也不为不可。只是定义一回事，表现则另一回事。
二、line-height与line boxes高度
先说一个大家熟知的现象，有一个空的div，<div></div>,如果没有设置至少大于1像素高度height值时，该div的高度就是个0.如果该div里面打入了一个空格或是一个汉字 ，则此div就会有一个高度。那么您有没有思考过，为什么div里面有文字后就会有高度呢？
这是个看上去很简单的问题，是理解line-height非常重要的一个问题。可能有人会认为是：文子撑开的！文子占据空间，自然将div撑开。我一开始也是这样理解的，但是事实上，深入理解inline模型后，我发现，根本不是文字撑开了div的高度，而是line-height!哟证明很简单(如下测试代码):
css代码：
其实line boxes不是直接的生产者，属于中层干部，真正的活儿都是它的手下-inline boxes干的，这些手下就是文字啦，图片啦，span之类的inline属性的标签啦。line boxes只是个考察汇报人员，考察它的手下谁的实际line-height值最高，谁最高，它就要谁的值，然后向上汇报，形成高度。例如，<span style="line-height:20px;">取手下line-height<span style="line-height:40px;">最高</span>的值</span>.则line boxes的高度就是40像素了。