小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。
官方对该属性的定义：
1）vertical-align属性用于定义“周围的文字、inline元素以及inline-block元素”相对于该元素基线的垂直对齐方式。这里的“该元素”指的是被定义了vertical-align属性的元素。
2）表格单元格中，vertical-align属性可以定义单元格td元素中内容的对齐方式。td元素是table-cell元素，也就是说vertical-align属性对table-cell类型有效。
3）vertical-align属性对inline元素、inline-block元素和table-cell元素有效，对块元素无效。
4）vertical-align属性允许指定负长度值，（如-2px）和百分比值（如50%）。
2、取值：
1）负值：取负值时表示元素相对于基线向下飘逸。常用于解决单选框或复选框与文字垂直对齐的问题。
2）百分比：百分比取值时相对于当前元素所继承的line-height属性值决定的。
3）关键字：取值可以是关键字，如top顶线、middle中线、baseline基线、bottom底线
3、vertical-align属性在block元素及inline-block\inline元素中的应用效果
vertical-align元素在inline-block\inline元素中根据取值或关键字进行对齐
块元素中vertical-align属性无效.
4、vertical-align属性在table-cell元素中的应用效果
可以定义单元格中内容的对齐方式。也就是说对table-cell类型元素有效。
注：table-cell元素跟inline、inline-block元素使用vertical-align有很大区别。
1）inline元素和inline-block元素的vertical-align是针对周围的元素来说的，vertical定义的是周围元素相对于当前元素的对齐方式。
2）table-cell元素的vertical-align属性是针对自身而言。vertical-align定义的是内部资源苏相对于自身的对齐方式。
