要删除inline-block元素之间的空间, 请使用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>
srcmini<
/h1>
<
h2>
margin-right:-4px;
<
/h2>
<
nav>
<
a href = "http://www.srcmini.com/#">
geeks <
/a>
<
a href = "http://www.srcmini.com/#">
for <
/a>
<
a href = "http://www.srcmini.com/#">
geeks <
/a>
<
/nav>
<
/body>
<
/html>
输出如下:
文章图片
【如何删除内联块元素之间的空间()】支持的浏览器:下面列出了CSS margin属性支持的浏览器:
- 苹果Safari 3.1
- 谷歌浏览器4.0
- Firefox 3.0
- Opera 7.6
- Internet Explorer 8.0
推荐阅读
- 如何限制C++中对象的动态分配()
- 如何在PHP中删除非字母数字字符()
- mac上kubeadmin安装k8s(完整)
- redis 哨兵模式 sentinel
- powershell 向内部证书颁发机构申请证书
- k8s-apiServer认证
- 回首图扑软件 2021,展望未来
- 如何判断NSMutableDictionary是否有某个key
- 8中Linux查看ip地址的方法