絕對(duì)定位元素的水平垂直居中的方法

2022-05-25 分類：網(wǎng)站建設(shè)

1.css實(shí)現(xiàn)居中

缺點(diǎn)：需要提前知道元素的寬度和高度。

 1 <!doctype html> 
 2 <html lang="en"> 
 3 <head> 
 4     <meta charset="UTF-8"> 
 5     <title>Document</title> 
 6     <style> 
 7         .box{ 
 8             width: 600px;  
 9             height: 400px; 
10             position: absolute;  
11             left: 50%; top: 50%; 
12             border:1px solid #000; 
13             background:red; 
14             margin-top: -200px;    /* 高度的一半 */ 
15             margin-left: -300px;    /* 寬度的一半 */ 
16         } 
17     </style> 
18 </head> 
19 <body> 
20      
21     <div class="box"> 
22          
23     </div> 
24  
25 </body> 
26 </html>

本文名稱：絕對(duì)定位元素的水平垂直居中的方法
本文鏈接：http://www.aaarwkj.com/news39/158889.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、網(wǎng)站設(shè)計(jì)公司、做網(wǎng)站、外貿(mào)建站、云服務(wù)器、搜索引擎優(yōu)化

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

瀏覽器兼容問題與解決方法 2022-05-25
什么是漸進(jìn)式Web應(yīng)用程序（為什么要關(guān)注）？ 2022-05-25
SEO數(shù)據(jù)分析：哪些優(yōu)化數(shù)據(jù)值得關(guān)注 2022-05-25
備案免關(guān)網(wǎng)站的幾種辦法 2022-05-25
吃透這10個(gè)網(wǎng)站，你就明白了網(wǎng)頁(yè)中留白的技巧 2022-05-25
互聯(lián)網(wǎng)上應(yīng)用程序無法解決問題的原因 2022-05-25
新站要做的4個(gè)SEO優(yōu)化細(xì)節(jié) 2022-05-25

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

絕對(duì)定位元素的水平垂直居中的方法