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

标签 javascript jquery html css image

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

<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/

关于javascript - 如何防止响应模式下图像换行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19753319/

相关文章:

html - css3pie - 元素消失

javascript - 嵌入事件列表代码占据整页

javascript - 只有当它有标题时才显示 img?

javascript - Fancybox 框不会弹出

javascript - 如何在递归 AJAX 调用中保留计数器?

javascript - Frame Buster Buster ...需要破坏者代码

javascript - 根据其值过滤 JavaScript 深度嵌套的对象数组

javascript - SQLSTATE[01000] : Warning: 1265 Data truncated for column 'id_paket' at row 1

jquery - 如何更改自定义属性的值

html - 怎么把文字移到图片旁边