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

how to prevent image wrap in responsive mode

本文关键字：图像 换行 模式 响应 何防止      更新时间：2023-09-26

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

<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

如果要阻止图像换行，请向父元素添加white-space: nowrap;并从图像中删除style="float:left;。

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

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

相关文章：