php - CSS div 将内容扩展到更多行

我有一个 php 脚本，它返回根据搜索条件显示的小图像(如指纹)列表。

我希望这些图像接连显示，直到它们在屏幕上达到大约 45%，然后如果图像多于空间容纳不下的图像，图像将继续显示到新的一行。

我已经使用 CSS 在一个 div 中设置了以下内容。

  .example {
  Float: left;
  Width: 45%;
  }

但图像继续超过 45%。如果我使用样式 overlap:scroll;或重叠:隐藏，图像停在 45% 处，您可以滚动查看其他图像或隐藏它们。

如何让图像继续到新的“行”。

我试过自动换行但没有成功。

感谢您的帮助。

最佳答案

按照您描述的方式，它应该可以正常工作。

我做了一个 jsfiddle DEMO

图像默认显示为 inline 元素，如果元素不是图像，请尝试对它们使用 display:inline 或 display:inline-block.

关于php - CSS div 将内容扩展到更多行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17819759/