这篇文章主要介绍删除内联块元素之间空格的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
要删除内联块元素之间的空格,可以使用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
以上是删除内联块元素之间空格的方法的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注天达云行业资讯频道!