line-height学习笔记

line-height定义,又称行高

line-height 两行文字之间基线（或中线，或顶线）之间的距离，不是指行间距

1. 不同的字体 基线位置也不一样

2. 不同的语言基线是不一样的
   
   
   

   • line-height为零，两行文字重合

   • 通常我们说：line-height 可以使单行文本自动垂直居中（事实上并没有垂直居中，而是稍偏下，具体缘由见下回分解）

   • 图片也是属于文本，当文本字体是14px时，通过line-height看起来图片稍稍偏下，当字体调到很大时，偏差就会更明显

行内框盒子模型：

1. 
   
2. 内容区域
   
3. 内联盒子
   
4. 行框盒子
   
5. 包含盒子
   
   

其中4包含3,3包含2，2与1关系说不清

line-height与内联元素的高度机理

内联元素高度由行高决定

行高 不等于 他内联元素中那个最高的元素, 多行文本的高度就是单行文本的高度累加

line-height各类属性值

推荐使用第一种

line-height与图片的表现

line-height的实际应用

* 可能还需加上：max-width:100%