溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“CSS div間距怎么設置”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“CSS div間距怎么設置”文章能幫助大家解決問題。
DIV之間距離
讓兩個高低構造DIV塊距離為零，通常熟手在行在出產DIV CSS頁面的時刻，不會思考到初始化CSS屬性，如許各標簽屬性默許的CSS屬性將會形成錯位、兼容等題目。
如高下組織的2個box DIV塊，中間有一定間距無法消弭
在CSS里配置DIV標簽各屬性參數為0
div{margin:0;border:0;padding:0;}
這里就設置裝備擺設了DIV標簽CSS屬性相稱于初始化了DIV標簽CSS屬性，這里設置裝備擺設margin外邊距為0；邊框border屬性為0與內補白也為0；這樣相當于就初始化了DIV盒子之間距各屬性隔斷為0，何等就不會組成DIV直接有未必的隔絕距離。
只管引薦在制作斥地DIV CSS的時候最佳將網頁CSS屬性、經常應用網頁標簽初始化一下。
應用CSS花樣單詞為margin（可進入CSS margin教程相熟詳細應用方式）。
1、設置對象的高下間距
.CSS5-a{margin:10px 0}配置“CSS5-a”對象高下間距為10px,擺布為0
2、設置對象擺布隔斷
.CSS5-b{margin:0 8px}設置裝備擺設“CSS5-b”對象高下間距為0,擺布為8px
3、設置裝備擺設DIV盒子與上方相鄰間距
.CSS5-c{margin-top:10px}配置“CSS5-c”對象與上方相鄰間距為10px
4、設置DIV盒子與下方相鄰隔斷
.CSS5-d{margin-bottom:10px}設置裝備擺設“CSS5-d”對象與下方相鄰間距為10px
5、設置DIV盒子與左方相鄰間距
.CSS5-e{margin-left:9px}設置“CSS5-e”對象與左側方相鄰間距為9px
6、配置盒子與右方相鄰隔斷
.CSS5-f{margin-right:12px}設置“CSS5-f”對象與右方相鄰間距為12px
關于“CSS div間距怎么設置”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
