这篇文章主要介绍删除内联块元素之间空格的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
要删除内联块元素之间的空格,可以使用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
以上是删除内联块元素之间空格的方法的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。