這一章節我們來學習已知寬高實現盒子水平垂直居中。通常使用定位完成,例如想要實現以下效果:
我們有如下兩個div元素
要實現子元素相對于父元素垂直水平居中,我們只需要輸入以下代碼:
技術點的解釋:
1、利用父元素設置相對定位,子元素設置絕對定位,那么子元素就是相對于父元素定位的特性。
2、子元素設置上和左偏移的值都為50%,是元素的左上角在父元素中心點的位置。效果:
3、然后再用margin給上和左都給負的自身寬高的一半,就能達到垂直水平居中的效果。
掌握已知寬高實現盒子水平垂直居中的用法,并自行實現一遍效果。
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報
你發的評論可能會是問題?是否將他發到問答中
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11
本次提問將花費2個積分
你的積分不足,無法發表
繼續發表請點擊 "確定"