如何去除内联元素之间的间距

发布网友发布时间：2022-04-06 12:56

共2个回答

懂视网时间：2022-04-06 17:17

要删除内联块元素之间的空格，可以使用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; 
  } 
  h1 { 
  color:green; 
  } 
  body { 
  text-align:center; 
  } 
 </style> 
 </head> 
 <body> 
 <h1>GeeksforGeeks</h1> 
 <h2>margin-right:-4px;</h2> 
 <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

热心网友时间：2022-04-06 14:25

因为的input和input之间的空白字符，也是字符呀，你可以将它们连在一起：

不过这样不利于阅读，格式化后你的样式就乱了。所以如果要并排显示的话，最好让input使用block显示，如：

input {
display:block;
float: left;
margin: 0px;
padding: 0px;
}