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

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/

Answer 2

Bootstrap有一个名为inline的类我相信这可能会使图像彼此一致，但是你可能需要通过css搜索来找到相关的css类来防止这种行为。