css基础教程：如何让一行并列显示多张图片

2022-07-15 80酷酷网 80kuku.com

许多人在用表格制作网页时，利用ASP或PHP循环输出，经常会碰到如何一行显示多张图片的问题。

下面给出一个简单的例子来实现这个效果。

大家可以举一反三。通过DIV+CSS来布局不但使得代码简洁多了，效果也达到了，要维护性更好了。

以下是程序代码<style>#imglist img{width:600px;height:2px;float:left;margin:0 3px;width:111px;height:18px;}</style><div id="imglist"><img src="http://bbs.blueidea.com/images/default/logo.gif"><img src="http://bbs.blueidea.com/images/default/logo.gif"><img src="http://bbs.blueidea.com/images/default/logo.gif"><img src="http://bbs.blueidea.com/images/default/logo.gif"><img src="http://bbs.blueidea.com/images/default/logo.gif"></div></font>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]