讓一個元素垂直水平居中的三種方法
2022-06-19 分類： 網(wǎng)站建設
第一種方法:
div.box{
weight:200px;
height:400px;
position:absolute;
left:50%;
top:50%;
margin-left:-100px;
margin-top:-200px;
}
*兼容性好;缺點:必須知道元素的寬高
-------------
第二種方法：
div.box{
weight:200px;
height:400px;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
}
*這是css3里的樣式;缺點:兼容性不好，只支持IE9+的瀏覽器
---------------
第三種方法
div.box{
weight:200px;
height:400px;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
}
*兼容性較好，缺點:不支持IE7以下的瀏覽器
網(wǎng)站標題：讓一個元素垂直水平居中的三種方法
URL標題：http://www.rwnh.cn/news/169103.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供服務器托管、虛擬主機、小程序開發(fā)、品牌網(wǎng)站建設、網(wǎng)站制作、移動網(wǎng)站建設
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 原來網(wǎng)站內(nèi)容頁面標題可以這樣優(yōu)化？ 2022-06-19
- Web不是為了通過校驗才標準化,不用傳統(tǒng)的表格思維來套div 2022-06-19
- 給效果圖賦予思想和生命，讓效果不再冷冰冰 2022-06-19
- seo優(yōu)化要做那些數(shù)據(jù)分析 2022-06-19
- 新頂級域名.XYZ開放注冊 個性域名時代，.COM還有人愛嗎？ 2022-06-19
- 硬技術+軟服務，網(wǎng)站推廣企業(yè)發(fā)展還需“軟硬兼施” 2022-06-19
- 合理的網(wǎng)站結(jié)構(gòu)優(yōu)化方案 2022-06-19
- 網(wǎng)絡營銷策略的方法 2022-06-19
- 怎樣優(yōu)化網(wǎng)頁頁面質(zhì)量？ 2022-06-19
- 90％的微博營銷號，可能一輩子都拿不到一篇10W＋！ 2022-06-19
- 如何打好前端游擊戰(zhàn) 2022-06-19
- 「登錄框設計」這么做很吸引人 2022-06-19
- 企業(yè)網(wǎng)站優(yōu)化做了還是沒有用戶訪問？問題究竟出在哪兒？ 2022-06-19
- 態(tài)度決定高度 網(wǎng)站建設企業(yè)持啥態(tài)度？ 2022-06-19
- 怎樣把網(wǎng)站優(yōu)化做得更好 2022-06-19
- 扁平化網(wǎng)頁設計色彩搭配三大技巧 2022-06-19
- “不死僵尸”asp木馬讓人頭疼，掌握技術原理輕松清除！ 2022-06-19
- 從百度競價而來的問題思考 2022-06-19
- 如何做好網(wǎng)站自然排名優(yōu)化 有什么技巧？ 2022-06-19