如何删除内联块元素之间的空格? 下面本篇文章就来给大家介绍一下使用 CSS 删除内联块元素之间的空格, 希望对大家有所帮助.
要想删除内联块元素之间的空格, 可以使用 margin-right 属性; 此属性用于删除其右侧元素之间的空间. margin-right 属性可设置负值以保持靠近其相邻元素.
语法:
- element {
- margin-right:value;
- }
示例:
- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="UTF-8">
- <style>
- nav a { display: inline-block; margin-right: -4px; background: green;
- color: white; font-weight: bold; text-decoration: none; } h1 { color: green;
- } body { text-align: center; }
- </style>
- </head>
- <body>
- <h1>
- 删除内联块元素之间的空格
- </h1>
- <h2>
- 使用 margin-right:-4px;
- </h2>
- <nav>
- <a href="#">
- 首页
- </a>
- <a href="#">
- 课程
- </a>
- <a href="#">
- 关于我们
- </a>
- </nav>
- </body>
- </HTML>
输出:
CSS Margin 属性支持的浏览器如下:
● Apple Safari 3.1
● Google Chrome 4.0
● Firefox 3.0
● Opera 7.6
● Internet Explorer 8.0
来源: http://www.css88.com/qa/css3/10321.html