作者的個人分享網：分享時刻【www.itison.cn】
以下總結了html/css實現居中的幾個常用方法
1. 文字垂直居中的方法line-height：
這個方法往往是將line-height和height屬性設置爲一樣的值，可以達到文字上下居中的效果。如下：
height:30px;
line-height:30px;
2. 文字水平居中text-align：
這種方法在div標籤或者p標籤等塊集標籤中使用，可以達到文字水平居中的效果。如下：
text-align:center;
3. 元素左右居中：margin：
這種方法是將元素的左右邊距設置相等，以達到左右居中的目的，類似於div，table, form等等的元素都可以這樣實現。如下：
margin:0px auto;
4. 圖片與文字上下居中 vertical-align：
這種方法利用vertical-align:middle讓子元素在父元素的中部，如果再設置line-height=height讓文字居中，則可以讓同一行中的圖片與文字在同一水平線上。如下：
height:30px;
line-height:30px;
vertical-align:middle;
