参见英文答案 >
How to remove the space between inline-block elements?31个答案内嵌块在它们之间有这个奇怪的空间。我可以忍受,直到一个点,如果我加载更多的内容与AJAX电话,微小的空间消失了。我知道我在这里缺少一些东西。
div { width: 100px; height: auto; border: 1px solid red; outline: 1px solid blue; margin: 0; padding: 0; display: inline-block; }
如何使内联块中的间距一致?
解决方法
空间在HTML中。有几种可能的解决方案。从最好到最坏:
>删除HTML中的实际空间(理想情况下,您的服务器可以为您提供文件时,或至少您的输入模板可以适当间隔)http://jsfiddle.net/AWMMT/2/
>使用float:left而不是display:inline-block,但这对高度有不良影响:http://jsfiddle.net/AWMMT/3/
>将容器的字体大小设置为0,并为内部元素设置适当的字体大小:http://jsfiddle.net/AWMMT/4/ – 这很简单,但是您不能利用内部元素的相对字体大小规则(percent,em )