對齊圖像總是看起來每當相互改變位置相同

我想對齊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>

來源

2015-03-03 Jo Jay

你的代碼哪裏有問題？ – ketan 2015-03-03 05:03:52

我編輯和theres沒有問題在標記我想。我不知道如何設計這個代碼 – 2015-03-03 05:06:30

類圖標的寬度爲900px，並且所有的li都有不同的寬度。第一個李和最後一個李應該定位每個左和右，其他人定期定位。 – 2015-03-03 05:08:36

對於圖像，您可以使用nth-child css。在li中添加n-child。你不需要在li中添加額外的類。

li：nth-child（n）。

來源

2015-03-03 08:28:32 SJain

對齊圖像總是看起來每當相互改變位置相同

回答

相關問題