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

Question

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

我希望这些图像一个接一个地显示，直到它们在屏幕上达到大约 45%，然后如果有更多的图像超出了空间的容量，图像继续到新的一行。

我使用 CSS 在 div 中设置以下内容。

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

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

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

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

谢谢你的帮助。

Answer 1

你描述它的方式应该可以正常工作。

我做了一个 jsfiddle DEMO

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

Answer 2

尝试添加display:inline-block;到元素。