讓一個小的div在大的div中居中顯示

2022-11-24 23:01:23 字數 343 閱讀 4267

原文

實現原理是設定margin自動適應,然後設定定位的上下左右都為0。

就如四邊均衡受力從而實現盒子的居中:

**:.parent .child 擴充套件資料

div+css絕對定位

使用通常是父級定義position:relative定位

子級定義position:absolute絕對定位屬性,並且子級使用left或right和top或bottom進行絕對定位。

.divcss5定義,通常最好再定義css寬度和css高度

.divcss5-a這裡定義了距離父級左側距離間距為10px,距離父級上邊距離為10px

參考資料