這篇文章主要介紹刪除內聯塊元素之間空格的方法,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
網站建設哪家好,找創(chuàng)新互聯建站!專注于網頁設計、網站建設、微信開發(fā)、微信小程序開發(fā)、集團企業(yè)網站建設等服務項目。為回饋新老客戶創(chuàng)新互聯還提供了洛扎免費建站歡迎大家使用!
要刪除內聯塊元素之間的空格,可以使用margin-right屬性。此屬性用于刪除其右側元素之間的空間。此屬性生成負值以保持靠近其相鄰元素。
句法:
element { margin-right:value; }
示例:
<!DOCTYPE html> <html> <head> <style> nav a { display: inline-block; margin-right:-4px; background: green; color:white; font-weight:bold; text-decoration:none; } h2 { color:green; } body { text-align:center; } </style> </head> <body> <h2>GeeksforGeeks</h2> <h3>margin-right:-4px;</h3> <nav> <a href="#"> geeks </a> <a href="#"> for </a> <a href="#"> geeks </a> </nav> </body> </html>
輸出結果如下:
支持的瀏覽器: CSS margin屬性支持的瀏覽器如下所示:
Apple Safari 3.1
谷歌Chrome 4.0
Firefox 3.0
Opera 7.6
Internet Explorer 8.0
以上是刪除內聯塊元素之間空格的方法的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注創(chuàng)新互聯行業(yè)資訊頻道!
網站題目:刪除內聯塊元素之間空格的方法
文章轉載:http://jinyejixie.com/article16/iieddg.html
成都網站建設公司_創(chuàng)新互聯,為您提供ChatGPT、云服務器、電子商務、關鍵詞優(yōu)化、做網站、虛擬主機
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯