使用css來進(jìn)行居中，具體來說有三種方法

1、margin:0auto;

適用于塊級元素，并且對浮動元素和定位元素?zé)o效

2、text-align:center

適用于圖片、按鈕、文字等行內(nèi)元素（display為inline或inline-block），寫在父元素上對子元素有效

3、使用浮動配合相對定位來進(jìn)行水平居中

浮動居中的原理：把浮動元素相對定位到父元素寬度50%的地方，但這個(gè)時(shí)候元素還不是居中的，而是比居中的那個(gè)位置多出了自身一半的寬度，這時(shí)就需要他里面的子元素再用一個(gè)相對定位，把那多出自身一半的寬度拉回來，因?yàn)橄鄬Χㄎ徽窍鄬τ谧陨韥矶ㄎ坏模宰陨硪话氲母叨戎灰裭eft或right設(shè)為50%就可以得到了。