css display 居中对齐 text-align vertical-align

display：block 块级元素 div p h form

以新行开始；
高度，行高、外边距和内边距都可控制；
宽度缺省是它的容器的100%
可容纳内联元素和其他块元素

display：inline 内联元素 span label

和其他元素在一行:
高，行高及外边距和内边距不可改变；
宽度就是它的文字或图片的宽度，不可改变
内联元素只能容纳文本或者其他内联元素

display：inline-block 行内块元素 input img

和其他元素在一行
可设置高、行高、外边距内边距

text-align

对block和inline-block元素有效，不适用inline，因为宽度为内容的宽度
水平居中：center

vertical-align

对行内元素有效，可设置inline、inline-block、inline-table、table-cell 元素在垂直方向的上的对齐方式
允许指定负长度值和百分比值

vertical-align：middle 的使用，需要一个兄弟元素做参照物，让它垂直于兄弟元素的中心点。

元素son在父元素father的行内垂直方向居中