宽度 – 显示:内嵌块 – 这个空间是什么?

前端之家收集整理的这篇文章主要介绍了宽度 – 显示:内嵌块 – 这个空间是什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > 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;
}

http://jsfiddle.net/AWMMT/

如何使内联块中的间距一致?

解决方法

空间在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 )

猜你在找的CSS相关文章