2010-05-25 41 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

相关问题