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;添加到元素中。