如何在响应模式下防止图像包装

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类，以防止这种行为。