H5成长之路 元素及文本对齐方式

元素水平居中：

margin:0 auto;需要设置宽度，相对于父元素居中。

文本水平对齐方式：

text-align:center居中

text-align:left左对齐

text-align:right右对齐

text-align:justify两端对齐

同行元素中 文本单行垂直对齐方式：

vertical-align:middle中线对齐

vertical-align:top顶端对齐

vertical-align:bottom底端对齐

vertical-align:baseline基线对齐默认

vertical-align:text-top（line-height顶端对齐）

vertical-align:text-bottom（line-height底端对齐）

文本垂直对齐方式：

line-height设置行高

font-size设置文字大小

行高大于文字大小时，超出的高度平均分配到文字上下，达到垂直居中的目的。

去除img下留白：

1>给img设置float属性，使其脱离文档流

2>给img设置vertical-align:bottom，使其与文字对齐方式从默认基线对齐改为底部对齐。

3>把img设置为display:block;转为块级元素