每当相互改变位置时，对齐图像看起来总是一样的

Question

我正在尝试对齐大小为900像素的div框中的图像，并且所有图像都有不同的宽度。但当我改变图像的顺序时，问题就出现了，图像之间的边距应该和以前一样。

有人知道解决这个问题的一些技巧吗？

<ul class="icons">
    <li class="icon-kid left"><img src="img/icon_kid.jpg" alt="" /></li>
    <li class="icon-wifi"><img src="img/icon_wifi.jpg" alt="" /></li>
    <li class="icon-time"><img src="img/icon_time.jpg" alt="" /></li>
    <li class="icon-park right"><img src="img/icon_park.jpg" alt="" /></li>
</ul>

Answer 1

对于图像，可以使用第n个子css。在li中添加第n个子。您不需要在li中增加额外的类。

李：第n个孩子。