css行内块元素的的空格问题

 

可以看到，当设置a标签为display:inline-block时，即使清除了所有的默认padding和margin，仍然会有一定的空隙存在。

这些空隙可以理解成空格。

这种现象的解释：

• 行内元素或行内块元素类似于文字，文字即存在空格合并现象：

  当代码中同时出现了多个空格（换行），浏览器会将它们解析成一个空格，因此呈现出有一定空隙。这个空隙即为空格。

不用浮动的解决方法：

去除所有的空格（换行符）

 

此时变成：

　　

 

 

　　因此，在平时开发中，尽量少用行内块元素。