我有一个php脚本,可返回基于搜索条件显示的小图像(如指纹)列表。

我希望这些图像可以连续显示,直到它们在整个屏幕上达到大约45%,然后,如果图像超出了该空间的容纳量,这些图像将继续显示到新的一行。

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

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


但是图像继续超过45%。
如果我使用样式overlay:scroll;或重叠:隐藏,图像停在45%位置,您可以滚动查看其他图像或将其隐藏。

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

我尝试过自动换行。

谢谢你的帮助。

最佳答案

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

我做了一个jsfiddle DEMO

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

10-04 22:08
查看更多