元素居中是HTML和CSS永恒的问题，记录一下我使用的居中方法：
1. 块状元素水平居中，主要用于页面整体布局：
margin: 0 auto;
2. 文字水平居中，适用于内联元素或inline-block（img默认是inline元素） ：
text-align:center;
3. 文字垂直居中：
line-height：与外部div高度相同
4. img与span在同一行对齐并垂直居中，主要用于小图标与文字的对齐：
img和span中都加上vertical-align：middle；