絕對定位元素的水平垂直居中的方法
2022-05-25 分類： 網(wǎng)站建設(shè)
1.css實現(xià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>
本文名稱：絕對定位元素的水平垂直居中的方法
本文鏈接：http://chinadenli.net/news39/158889.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、網(wǎng)站設(shè)計公司、做網(wǎng)站、外貿(mào)建站、云服務(wù)器、搜索引擎優(yōu)化
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 瀏覽器兼容問題與解決方法 2022-05-25
- 什么是漸進式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個網(wǎng)站，你就明白了網(wǎng)頁中留白的技巧 2022-05-25
- 互聯(lián)網(wǎng)上應(yīng)用程序無法解決問題的原因 2022-05-25
- 新站要做的4個SEO優(yōu)化細節(jié) 2022-05-25
- SEO優(yōu)化新技術(shù)——API 2022-05-25
- 為何說站群是垃圾站點泛濫的原因？ 2022-05-25
- jQuery、ajax添加Json數(shù)據(jù) 2022-05-25
- 網(wǎng)站出現(xiàn)404錯誤頁面怎么辦？網(wǎng)站開發(fā)人員或seo優(yōu)化人員如何解決？ 2022-05-25
- 零售app火爆來襲，這一輪你還要錯過嗎? 2022-05-25
- 網(wǎng)站推廣行業(yè)逐漸進入了發(fā)展平緩期。 2022-05-25
- 近距離的美好——近場交互及應(yīng)用 2022-05-25
- 網(wǎng)頁頁面設(shè)計元素，頁面元素基礎(chǔ)知識，網(wǎng)頁設(shè)計中元素的重要性 2022-05-25
- 百度愛采購上線，企業(yè)到底有沒有必要做呢？ 2022-05-25
- 網(wǎng)站空間選擇的四大秘訣 2022-05-25
- 關(guān)鍵詞的密度和分詞,選擇長尾關(guān)鍵詞的拓寬思路 2022-05-25
- Mysql字符串字段判斷是否包含某個字符串的方法 2022-05-25