Html 如果一行已满，如何避免div执行新行？

如果一行已满，如何避免执行新行时使用

标记。 假设这个div有一组图像

------------------------------------
|                                  |
|     Image 1           Image 2    |
|                                  |
|                                  |
|     Image 3           Image 4    |
|                                  |
------------------------------------

中的图像在php循环期间执行新行，并由于

溢出：滚动而显示滚动条CSS中的代码。我的期望输出是：

|----------------------------------|
|                                  |
|     Image 1      Image 2     Imag|
|                                  |
|                                  |
|----------------------------------|

注意：如果将div滚动到一侧，则会打印图3和图4

这是我想要的输出，其中将有一个水平滚动条，滚动视图将是水平的。你知道怎么做吗？
应用
空白：nowrap到您的div

div{
  white-space: nowrap;
}

添加了
空白：nowrap；显示：内联块到您的div
只需尝试以下操作：


.imgbox{
高度：300px；
宽度：100%；
溢出y：隐藏；
溢出-x：自动；
边框：1px纯红；
空白：nowrap；
}
img
{
高度：300px；
}

你能分享完整的相关代码吗？HTML和CSSELECTIONS都不会对你自己造成伤害，你可能知道这一点。这是将图像包装成一行的方式。