img并没有margin，为什么中间会有空隙呢？

Question

<div class="circle">
                <div>
                    <img alt="" src="/ehouse/img/item/tourism/circle1.png">
                    <img alt="" src="/ehouse/img/item/tourism/circle2.png">
                </div>
                <div>
                    <img alt="" src="/ehouse/img/item/tourism/circle3.png">
                    <img alt="" src="/ehouse/img/item/tourism/circle4.png">
                </div>
            
            </div>

Answer 1

去除inline-block元素间间距的N种方法

Answer 2

设置circle的css样式时加入
font-size:0

Answer 3

display: inline-block;元素换行就会有这个问题

Answer 4

把换行符删掉

Answer 5

img和img之间，有一个你看不到的空格占着，因为它是个inline元素，可以用float解决，或者两个img放在同一行。

Answer 6

circle的css样式中加入
font-size:0，可以看看张鑫旭的文章http://www.zhangxinxu.com/wor...

Answer 7

两个img之间不要加回车

Answer 8

font-size:0