元素的居中对齐方式

块级元素，行内元素和行内块元素的水平居中方式

一、块级元素，对于盒子模型的居中方式是：
该盒子必须满足两点：1.有宽度width，2.margin的左右外边距都为auto。
二、行内元素和行内块元素：
给他的父元素添加text-align：center即可。把行内元素或行内块元素看成是父元素里面的文本。
三、行内元素或行内块元素与文字的垂直居中对齐：
vertical-align : baseline | top | middle | bottom
常见的使用场景是图片或者表单（行内块元素）与文字的垂直对齐。
baseline： 默认。元素放置在父元素的基线上
top： 把元素的顶端与行中最高元素的顶端对齐
middle： 把此元素放置在父元素的中部
bottom： 把元素的顶端与行中最低的元素的顶端对齐