每当相互改变位置时，对齐图像总是看起来相同答案

【问题标题】：Align images always look same whenever change position each other每当相互改变位置时，对齐图像总是看起来相同
【发布时间】：2015-05-03 16:05:08
【问题描述】：

我正在尝试在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>

【问题讨论】：

你的代码哪里有问题？
我编辑了，我认为标记没有问题。我不知道如何设置这段代码的样式
类图标的宽度为 900px，所有的 li 都有不同的宽度。第一个 li 和最后一个 li 应该左右定位，其他的应该有规律地定位。
创建一个演示小提琴，这可能有助于解决您的问题

标签： html css image position alignment

【解决方案1】：

对于图像，您可以使用 nth-child css。在 li 中添加 nth-child。您不需要在 li 中添加额外的类。

li:nth-child(n).

【讨论】：