水平居中

1.margin:0 auto;適用于塊級元素，并且對浮動元素和定位元素無效

2.text-align:center;適用于圖片、按鈕、文字等行內元素（display為inline或inline-block）

3.使用浮動配合相對定位來進行水平居中浮動居中的原理：把浮動元素相對定位到父元素寬度50%的地方，但這個時候元素還不是居中的，而是比居中的那個位置多出了自身一半的寬度，這時就需要他里面的子元素再用一個相對定位，把那多出自身一半的寬度拉回來，因為相對定位正是相對于自身來定位的，所以自身一半的高度只要把left或right設為50%就可以得到了。
http://js.jirengu.com/kul/4/edit

垂直居中

1.文本垂直居中 line-height只對行內元素有效
設置line-height和height同樣的值
－－－－－－－－－－－塊元素無效

2.圖片垂直水平居中ie8以上 （利用表格屬性）
display: table-cell; vertical-align: middle;

3.圖片垂直居中 加空元素
http://js.jirengu.com/gaj/2/edit

4.絕對定位居中
父元素上設置position: relative;
子元素上position: absolute; margin: auto; top: 0; left: 0; bottom: 0; right: 0;

http://js.jirengu.com/nux/1/edit

圓角

利用居中加圓角做按鈕
http://js.jirengu.com/bic/3/edit