2010-05-25 37 views
0

如何使用css對內聯樣式的列表中的圖像進行排序?我已經嘗試在列表標記中放置內聯樣式,但它以塊形式顯示它。任何幫助將不勝感激在列表元素中以內聯樣式排序圖像

+1

你可以發佈你的標記嗎? – roryf 2010-05-25 08:37:30

回答

1

版本2(和沒有圖像的間隔):

在頭:

<style> 
ul li {display: inline;} 
</style> 

在車身:

<ul> 
    <li><img src="1.gif"></li><!-- 
    --><li><img src="2.gif"></li><!-- 
    --><li><img src="3.gif"></li> 
</ul> 

此HTML註釋 「神奇」是因爲瀏覽器將新行解釋爲圖像之間的間隙符號。

+2

將「.images」應用於列表而不是每個元素都沒有意義嗎?語義上更正確,更不詳細。然後,CSS將不得不更改爲.images li。 – Ferdy 2010-05-25 09:12:01

+0

通知考慮到,代碼改進。 – 2010-05-25 09:20:19

+0

謝謝,順便說一句,upvoted。 – 2010-05-25 18:54:42

相關問題