每当彼此改变位置时，对齐图像总是看起来相同

Question

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

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

<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

对于图像，您可以使用nth-child css。 在li中添加 nth-child 。您无需在li中添加其他类。

利：第n个孩子（n）的