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