在小型监视器上出现图像换行到下一行的问题时，有没有办法让它保持在同一行，只需滚动条显示所有图像或其他内容？
<body style="font-name:Arial,Helvetica;font-size:10pt">
<h1>Order Confirmation</h1>
<img src="http://www.new-line.com/catalog/images/nlbanner1.png" /><img src="http://www.new-line.com/catalog/images/nlbanner2.png" />
http://www.new-line.com/catalog/images/nlbanner1.pnghttp://www.new-line.com/catalog/images/nlbanner2.png
它正在这样做，但我希望nlbanner 2位于同一行的nlbanner 1旁边。它在大型显示器上看起来很棒，但小型显示器和移动设备似乎有这个问题。有什么建议吗？
在图像周围添加div：
<div class="pic">
<img src="http://www.new-line.com/catalog/images/nlbanner1.png" /><img src="http://www.new-line.com/catalog/images/nlbanner2.png" />
</div>
然后使用CSS：
.pic {
white-space: nowrap;
}
如Charles380所述，如果您想要滚动功能，请使用：
.pic {
white-space: nowrap;
overflow: scroll;
}
请注意，这也会导致滚动条出现，这可能不符合您想要的外观。
jsfiddle