導讀水平居中：給div設置一個寬度，然后添加margin:0auto；屬性。div{width:200px;margin:0auto;}絕對定位的div居中：d....

水平居中：給div設置一個寬度，然后添加margin:0 auto；屬性。

div{ width:200px; margin:0 auto; }

絕對定位的div居中：

div { position: absolute; width: 300px; height: 300px; margin: auto; top: 0; left: 0; bottom: 0; right: 0; background-color: pink;/* 方便看效果 */ }

水平垂直居中一：

水平垂直居中二：

水平垂直居中三：