CSS div将内容扩展到更多行

Question

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

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

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

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

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

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

我试过换行，但没有成功。

谢谢你的帮助。

Answer 1

您描述它的方式应该很好。

我做了一个jsfiddle演示

默认情况下，图像显示为inline元素，如果元素不是图像，请尝试在其上使用display:inline或display:inline-block。

Answer 2

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