html - 如果一行已经满了，如何避免 div 执行新行？

Question

如何避免 <div>如果一行已满，则执行新行的标签。让我们假设这个 div 有一组图像。

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

<div> 中的图片由于 overflow: scroll;，在 php 循环中执行新行并出现滚动条CSS 中的代码。我的期望输出是:

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

注意:图像 3 和 4，如果您将 div 滚动到一边则打印。

这是我想要的输出，其中会有一个水平滚动条，并且 ScrollView 是水平的。关于如何执行此操作的任何想法？

Answer 1

应用 white-space: nowrap; 到你的 div。

div{
  white-space: nowrap;
}