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.newbst.com/news39/158889.html
成都網站建設公司_創新互聯,為您提供自適應網站、網站設計公司、做網站、外貿建站、云服務器、搜索引擎優化
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容