css，如何处理行级标签之间的空格，每次对某些用display:inline-block

答案:4 悬赏:10 手机版

解决时间 2021-11-09 01:35

提问者网友：你独家记忆
2021-11-08 14:22

最佳答案

五星知识达人网友：怀裏藏嬌
2021-11-08 15:28

第一种办法：你改这么写（最简单的一种）：1234,就是A标签之间不换行不加空格
第二种办法：如果你非要换行这种写法：
这么改（这种写法，在ie6中还是稍微有点间隙，但是在别浏览器中都正常）：
a{display:inline-block;width:27px;height:27px;text-align:center}
.nav{font-size:0}
.nav a{font-size:12px}

1
2
3
4

全部回答

1楼网友：琴狂剑也妄
2021-11-08 18:22

再加overflow:hidden;

2楼网友：行雁书
2021-11-08 17:23

float:left
绝对可以去掉，不过需要清除浮动追问除了浮动还有其他方法吗？追答想其他人那样说的，代码不要换行

没有其他了

3楼网友：你可爱的野爹
2021-11-08 16:11

给外层的div设置font-size:0px;然后给a标签设置正常的字体大小，就可以解决了。

A标签
A标签

PS：IE6是不认识display:inline-block;这个的，这里加个hack就可以解决了。

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！