絕對定位元素的水平垂直居中的方法

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.kartarina.com/news39/158889.html

成都網站建設公司_創新互聯，為您提供自適應網站、網站設計公司、做網站、外貿建站、云服務器、搜索引擎優化

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯

外貿網站建設
主站蜘蛛池模板： 国产乱子伦精品无码码专区| 日韩激情无码免费毛片| 少妇人妻偷人精品无码视频新浪 | 久久精品无码午夜福利理论片| 亚洲国产精品无码成人片久久| 久久久久无码精品国产不卡| 内射无码专区久久亚洲| 久久久久亚洲AV无码专区首JN| 无码人妻少妇久久中文字幕| 在线观看亚洲AV每日更新无码| 亚洲无码精品浪潮| 色欲AV永久无码精品无码| 亚洲中文久久精品无码ww16| 无码人妻精品一区二区蜜桃百度| 亚洲av永久无码嘿嘿嘿| 亚洲国产精品无码AAA片| 日产无码1区2区在线观看| 免费无码又爽又刺激聊天APP| 亚洲精品午夜无码专区| 精品无码人妻一区二区三区不卡| 无码精品国产dvd在线观看9久| 亚洲av永久无码精品国产精品| 天码av无码一区二区三区四区| 人妻少妇看A偷人无码精品视频 | 亚洲的天堂av无码| 18禁超污无遮挡无码免费网站| 性虎精品无码AV导航| 亚洲日韩精品无码专区加勒比☆| 精品无码久久久久国产动漫3d| 无码人妻熟妇AV又粗又大| 亚洲AV无码一区东京热久久| 免费无码又爽又刺激网站直播| 自慰系列无码专区| 精品一区二区三区无码视频| 国产AV天堂无码一区二区三区| 噜噜综合亚洲AV中文无码| 国产在线无码精品无码| 亚洲成?v人片天堂网无码| 黄A无码片内射无码视频| 国产成人A人亚洲精品无码| 亚洲中文字幕无码不卡电影|