CSS中的vertical-align：实现行内块和文字垂直居中对齐

1. vertical-align属性的定义及使用说明

vertical-align 属性，设置一个元素的垂直对齐方式。

只针对行内元素和行内块元素！

 

官方的定义：该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。（看不懂）

2. 用代码来一一实现，了解最常用的属性值的效果

最常用的：top、middle、bottom

可以看出来：vertical-align: baseline; 是默认值，是以基线为准对齐。

 

 

3. 可能遇到的BUG

        3.1 图片底部有空白缝隙

 

待修改........待完善..........