水平居中：

一、內聯元素：

行內元素的父元素設定 text-align:center;

二、塊級元素：

1.定寬塊級元素：

設定margin:auto;

2.不定寬塊級元素：

⑴加入table標籤：缺點：

利用table標籤長度自適應性，即根據內容長度決定，然後再設定margin值使其居中；                   //增加無意義標籤 

⑵設定display:inline，使其成為行內元素，然後text-align實現居中；//改變display會缺少一些功能如設定長度

        ⑶設定浮動與相對定位

父元素float，然後設定position:relative;left:50%;  子元素設定position:relative和left:-50%;實現水平居中

垂直居中：

一、父元素高度確定的單行文字

設定height與line-height值相等//當內容超過塊的寬時，會有內容脫離塊

二、父元素高度確定的多行文字

1.加入table標籤：

table中的td默認了vertical-align:middle;

2.設定塊級元素的display:table-cell;(設定為表格單元顯示)，啟用vertical-align。（chrome、firefox、ie8以上）//相容性較差