Question

如何在正方形之间水平和垂直摆脱空间？

<div class="first">

  <ul>
    <li><img src="http://dummyimage.com/40x40/111111/000000.jpg"/></li>

    <li><img src="http://dummyimage.com/40x40/222222/000000.jpg"/></li>

    <li><img src="http://dummyimage.com/40x40/333333/000000.jpg"/></li>

    <li><img src="http://dummyimage.com/40x40/444444/000000.jpg"/></li>
  </ul>
</div>  
<div class="first">

  <ul>
    <li><img src="http://dummyimage.com/40x40/555555/000000.jpg"/></li>

    <li><img src="http://dummyimage.com/40x40/666666/000000.jpg"/></li>

    <li><img src="http://dummyimage.com/40x40/777777/000000.jpg"/></li>

    <li><img src="http://dummyimage.com/40x40/888888/000000.jpg"/></li>
  </ul>
</div>

https://jsfiddle.net/ruyer/x61h9s4a/

Answer 1

当您为孩子提供font-size:0;时，为父母提供display:inline-block;。

.first ul{
  font-size: 0;
}

小提琴：https://jsfiddle.net/nikhilvkd/x61h9s4a/2/

摆脱img线之间的空间

1 个答案: