编辑:在使用换行符时删除HTML元素之间的空格几乎相同的问题,但除了"浮动"建议,我发现没有一个答案适合我的要求.我希望能够保持开放,寻求更多创新建议
如果你有连续inline-block的白色空间变得重要.它在元素之间增加了一些空间.如果您希望这些块看起来相互粘连,那么避免空白效果到HTML布局的"正确"方法是什么？
例:
<span>a</span>
<span>b</span>
这呈现不同于:
<span>a</span><span>b</span>
因为它们之间的空间.我希望空白效果消失而不影响HTML源代码布局.我希望我的HTML模板保持干净和良好的缩进.
我认为这些选择很难看:
1)扭捏text-indent,margin,padding等.(因为这将是依赖于字体大小,默认的空白宽度等)
2)将所有东西放在一条线上,彼此相邻.
3)零font-size.这将需要覆盖块中的字体大小,否则将继承.
4)可能的文档范围的解决方案.我希望解决方案在某个HTML块中保持本地化.
任何想法,我遗失的任何明显点？
您不应该使用元素之间没有空格的版本，而应该让所有内容都与空格一起使用。您可能需要设置内联元素才能display:block实现正确的布局。
看看我的这个类似问题，其中有一些很好的答案。
编辑：上述问题的答案之一建议使用 HTML 注释作为最后的手段，例如：
<span>a</span><!--
--><span>b</span>