實現原理是設置margin自動適應,然后設置定位的上下左右都為0。 就如四邊均衡受力從而實現盒子的居中: 代碼: .parent { width:800px; height:500px; border:2px solid #000; display:table-cell; vertical-align:middle; text-align: center; } .child { width:200px; height:200px; display:inline-block; background-color: red; } 擴展資料 div+css絕對定位 使用通常是父級定義position:relative定位 子級定義position:absolute絕對定位屬性,並且子級使用left或right和top或bottom進行絕對定位。 .divcss5{position:relative} 定義,通常最好再定義CSS寬度和CSS高度 .divcss5-a{position:absolute;left:10px;top:10px} 這里定義了距離父級左側距離間距為10px,距離父級上邊距離為10px 參考資料 百度百科-div css