水平居中：
一、內聯元素：
行內元素的父元素設置 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以上）//兼容性較差