久久久久久久综合日本91_精品人妻无码在中文字幕_国产欧美国产精品第二区_在线观看免费无码视频幕

 

NEWS

建站資訊

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

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

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

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

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

其實解決的思路是這樣的：首們需要position:absolute;絕對定位。而層的定位點，使用外補丁margin負值的方法。負值的大小為層自身寬度高度除以二。

如：一個層寬度是400，高度是300。使用絕對定位距離上部與左部都設(shè)置成50%。而margin-top的值為－150。margin-left的值為－200。這樣我們就實現(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)載請保留版權(quán)（ 廣州網(wǎng)站建設(shè)www.stevenmarcscott.com ）三行網(wǎng)絡(luò)——專注于企業(yè)網(wǎng)站建設(shè)、響應(yīng)式營銷型網(wǎng)站定制，歡迎來電咨詢！熱線：020-85628720、15915767698

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

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

有想法，想做網(wǎng)站。別光想，GO ! GO !GO !說出的您的需求，剩下的交給我們！！
建網(wǎng)站咨詢+