這篇文章主要介紹“固定寬高的DIV怎么設(shè)置絕對居中”,在日常操作中,相信很多人在固定寬高的DIV怎么設(shè)置絕對居中問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”固定寬高的DIV怎么設(shè)置絕對居中”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!
創(chuàng)新互聯(lián)公司專注于平塘企業(yè)網(wǎng)站建設(shè),自適應(yīng)網(wǎng)站建設(shè),電子商務(wù)商城網(wǎng)站建設(shè)。平塘網(wǎng)站建設(shè)公司,為平塘等地區(qū)提供建站服務(wù)。全流程按需設(shè)計(jì)網(wǎng)站,專業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)
實(shí)現(xiàn)點(diǎn): 如果元素的寬高固定,那么,css指定樣式為top:50%;left:50%; 而margin-top和 margin-left 指定為負(fù)數(shù),絕對值為自身寬高的一半
當(dāng)然,position也需要指定為absolute,或者relative.
如果要在某個(gè)父級元素內(nèi)居中,那么父元素也需要指定CSS的position屬性。
如果有邊框,那么,margin元素需要做一點(diǎn)微調(diào)。
代碼如下:
固定寬高的元素居中示例 指定頁面居中的元素
到此,關(guān)于“固定寬高的DIV怎么設(shè)置絕對居中”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí),請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章!