使用css来进行居中，具体来说有三种方法
1、margin:0 auto;
适用于块级元素，并且对浮动元素和定位元素无效
2、text-align:center
适用于图片、按钮、文字等行内元素（display为inline或inline-block），写在父元素上对子元素有效
3、使用浮动配合相对定位来进行水平居中
浮动居中的原理：把浮动元素相对定位到父元素宽度50%的地方，但这个时候元素还不是居中的，而是比居中的那个位置多出了自身一半的宽度，这时就需要他里面的子元素再用一个相对定位，把那多出自身一半的宽度拉回来，因为相对定位正是相对于自身来定位的，所以自身一半的高度只要把left或right设为50%就可以得到了。
