所以我有这个非常简单的HTML页面.我想要的只是在一个长行中显示图像.什么是最简单的方法,适用于所有浏览器？
<html>
<head>
<title>My title</title>
</head>
<body>
<div id="images">
<img src="1.jpg">
<img src="2.jpg">
<img src="3.jpg">
<img src="4.jpg">
<img src="5.jpg">
<img src="6.jpg">
</div>
</body>
</html>
看看这个jsbin
我认为这是最简单的方法：
HTML：
<ul>
<li><img src="1.jpg"></li>
<li><img src="2.jpg"></li>
<li><img src="3.jpg"></li>
<li><img src="4.jpg"></li>
<li><img src="5.jpg"></li>
<li><img src="6.jpg"></li>
</ul>
CSS：
ul {
white-space: nowrap;
}
ul, li {
list-style: none;
display: inline;
}
更新：没有包装！