如何去除两个<span>标签之间的空间？
这个问题在这里已经有了答案：
我通常将父容器的font-size设置为零，这使得空白会导致间隙消失。 然后，您只需将字体大小设置回跨度所需的值，例如：
.container {
font-size: 0; // whitespaces go away
}
.container span {
font-size: 16px; // spans text please stay
background: #DDD;
padding: 2px 4px;
}
演示：http://jsfiddle.net/we9bvrpe/
这可能会或可能不适合您的情况，但您可以使用像<li> and <dl><dt><dd>这样的元素，它们具有可选的结束标记。 浏览器为您添加结束标签，并且还具有删除空白区域的功能！
参考 - HTML：包含或排除可选结束标记？
检查这个小提琴http://jsfiddle.net/by0sw7kc/
HTML
<ul>
<li><a href="some link">A link</a>
<li><a href="some link">A link</a>
<li><a href="some link">A link</a>
<li><a href="some link">A link</a>
<li><a href="some link">A link</a>
</ul>
CSS
ul {
background: red;
padding-left: 0;
}
li {
background: deepSkyBlue;
display: inline-block;
}
尝试按照以下方式将所有span写入内联
<span><a href="some link">A link</a></span><span><a href="some link">A link</a></span><span><a href="some link">A link</a></span><span><a href="some link">A link</a></span><span><a href="some link">A link</a></span>