一、垂直居中對齊

1、圖片跟行內塊中部對齊：圖片和行內塊都設定vertical-align:middle;

2、文字跟行內塊中部對齊：行內塊設定vertical-align:middle;

3、文字跟圖片中部對齊：圖片設定vertical-align:middle;

二、垂直居中
1、盒子中塊元素垂直居中：position: relative;top:50%;margin-top:—盒子高度的一半;

2、盒子中行內塊（無字）垂直居中：line-height:盒高;並且行內塊vertical-align: middle;

3、盒子中行內塊（有字）垂直居中：父盒子及行內塊設定line-height:盒高;並且行內塊vertical-align: middle;

4、盒子中圖片垂直居中：line-height:盒高;並且圖片vertical-align: middle;

5、盒子中行內元素垂直居中：line-height: 盒子高
6、盒子中文垂直字居中：line-height: 盒子高

三、水平居中
盒子中塊元素居中：margin:0px auto;
盒子中行內塊、圖片、行內元素、文字等居中：text-align:center;