在线观看ww亚洲精品_青青青青爽在线播放视频_国内精品伊人久久久久妇_午夜视频在线观看毛片

 

NEWS

建站資訊

廣州網(wǎng)站建設(shè)_div層垂直居中于瀏覽器的技巧

發(fā)布時(shí)間: 2024.5.25.瀏覽數(shù)：3751 新聞編輯：【三行網(wǎng)絡(luò) - 廣州網(wǎng)站建設(shè)公司huiduochem.com】
廣州網(wǎng)站建設(shè)之層垂直居中于瀏覽器的技巧 , 廣州網(wǎng)站建設(shè)huiduochem.com三行網(wǎng)絡(luò) 為您詳細(xì)介紹 - 請(qǐng)往下閱讀》

廣州網(wǎng)站建設(shè)之層垂直居中于瀏覽器的技巧

廣州網(wǎng)站建設(shè)_div層垂直居中于瀏覽器的技巧：

層垂直居中于瀏覽器，一直是新手朋友比較頭疼的問題。今天就由廣州網(wǎng)站建設(shè)公司三行給大家支招：層垂直居中于瀏覽器的技巧。

其實(shí)解決的思路是這樣的：首們需要position:absolute;絕對(duì)定位。而層的定位點(diǎn)，使用外補(bǔ)丁margin負(fù)值的方法。負(fù)值的大小為層自身寬度高度除以二。

如：一個(gè)層寬度是400，高度是300。使用絕對(duì)定位距離上部與左部都設(shè)置成50%。而margin-top的值為－150。margin-left的值為－200。這樣我們就實(shí)現(xiàn)了層垂直居中于瀏覽器的樣式編寫。

層垂直居中于瀏覽器的例子

<style type="text/css">

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

</style>

本文由廣州網(wǎng)站建設(shè)公司-三行網(wǎng)絡(luò)原創(chuàng)，轉(zhuǎn)載請(qǐng)保留版權(quán)（ 廣州網(wǎng)站建設(shè)huiduochem.com ）三行網(wǎng)絡(luò)——專注于企業(yè)網(wǎng)站建設(shè)、響應(yīng)式營銷型網(wǎng)站定制，歡迎來電咨詢！熱線：020-85628720、15915767698

標(biāo)簽： 廣州網(wǎng)站建設(shè)之層垂直居中于瀏覽器的技巧

上一篇：廣州網(wǎng)站建設(shè)_怎樣運(yùn)用list-style項(xiàng)目符號(hào)    下一篇：廣州紡織機(jī)械設(shè)備配件廠家、公司、企業(yè)介紹

有想法，想做網(wǎng)站。別光想，GO ! GO !GO !說出的您的需求，剩下的交給我們?。?/div>