狠狠地了解了解vertical-align

说来惭愧，好像自己只是用过vertical-align:middle这样一个属性，不过最近慢慢开始对她进行探索发现她还真是深不可测，我等只能鞭长莫及啊...

一.vertical-align基础介绍

vertical-align顾明思意，懂英文的人都会知道是垂直对齐的意思，而我们所常用的vertical-align也是用来垂直对齐的作用，基本格式：

input{
     vertical-align: middle;                           
}    

 

 但同时我也也是要去注意，这个属性有她的应用范围：

1.只能应用于行内元素和替换元素，如图像和表单输入元素

2.vertical-align属性不能继承

 

二.vertical-align的取值

属性	描述
baseline	要求一个元素的基线与其父元素的基线对齐
sub
super
text-top
middle
bottom
text-bottom
百分数
长度
inherit