1.使用定位實現(xiàn)box1在box里水平并垂直居中:在父元素box里添加:相對定位? position : relative;? ?在子元素添加:絕對定位? position : absolute;? 上下左右為零屏鳍,水平居中两芳。
例:
?2.子元素box1像左移動100px(根據(jù)實際尺寸移動)曙咽,在向Y軸平移100px(根據(jù)實際尺寸移動)竿拆。
?3.彈性盒布局?
?4.給父標(biāo)簽添加行間距: text-align: center;? 和文本垂直居中 line-height: 父標(biāo)簽的高;??
? ?給子標(biāo)簽div轉(zhuǎn)換為行內(nèi)塊元素:display:inline-block;? 和添加垂直居中 vertical-align:middle; (該屬性定義行內(nèi)元素的基線相對于該元素所在行的基線的垂直對齊)。
? ?給子標(biāo)簽旁邊添加空span 笨触。
?5.網(wǎng)格布局:在父元素box添加網(wǎng)絡(luò)布局 display: grid; 并給父元素添加水平居中 justify-content:center;
? ? ? ? ? ? ? ? ? ? ? 在子元素box1上添加垂直居中 align-self:center;