javascript - 如何在响应模式下防止图像换行

Question

如何在响应模式下防止图像换行。像下面这样的简单代码在响应模式下换行。

<img src="image1.jpg" style="float:left;" />
<img src="image2.jpg" style="float:left;" />
<img src="image3.jpg" style="float:left;" />
<img src="image4.jpg" style="float:left;" />
<img src="image5.jpg" style="float:left;" />

请帮忙

编辑:看到这个jsbin:http://jsbin.com/AhIwiCA/1/edit

Answer 1

如果你想防止图像换行，那么添加一个 white-space: nowrap; 到父元素并删除 style="float:left;来自图像。

http://jsfiddle.net/myajouri/gqxxC/