真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

如何設(shè)置一個(gè)層在瀏覽器中同時(shí)左右居中上下居中水平垂直居中

本篇內(nèi)容介紹了“如何設(shè)置一個(gè)層在瀏覽器中同時(shí)左右居中上下居中水平垂直居中”的有關(guān)知識(shí),在實(shí)際案例的操作過(guò)程中,不少人都會(huì)遇到這樣的困境,接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!

金灣網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站,金灣網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為金灣千余家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢(qián),請(qǐng)找那個(gè)售后服務(wù)好的金灣做網(wǎng)站的公司定做!

想要使定義的一個(gè)層即能在瀏覽器中左右居中,又可以上下居中,可以用絕對(duì)定位再結(jié)合百分比形式的left、top屬性以及負(fù)外補(bǔ)丁來(lái)實(shí)現(xiàn)。

代碼如下:

div {
position:absolute;
top:50%;
left:50%;
margin:-100px 0 0 -100px;
width:200px;
height:200px;
border:1px solid red;
}


說(shuō)明:margin屬性中的兩個(gè)-100px分別為width和height屬性值的一半的負(fù)值。

“如何設(shè)置一個(gè)層在瀏覽器中同時(shí)左右居中上下居中水平垂直居中”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!


文章名稱:如何設(shè)置一個(gè)層在瀏覽器中同時(shí)左右居中上下居中水平垂直居中
文章轉(zhuǎn)載:http://weahome.cn/article/ghehpi.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部