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

如果要防止图像换行，则将 a 添加white-space: nowrap;到父元素并style="float:left;从图像中删除 。

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

Answer 2

Bootstrap 有一个名为 inline 的类，我相信它可以使图像彼此对齐，否则您可能需要遍历 css 以找到相关的 css 类以防止这种行为。