我有一个php脚本,可返回基于搜索条件显示的小图像(如指纹)列表。
我希望这些图像可以连续显示,直到它们在整个屏幕上达到大约45%,然后,如果图像超出了该空间的容纳量,这些图像将继续显示到新的一行。
我使用CSS在div中设置以下内容。
.example {
Float: left;
Width: 45%;
}
但是图像继续超过45%。
如果我使用样式overlay:scroll;或重叠:隐藏,图像停在45%位置,您可以滚动查看其他图像或将其隐藏。
如何使图像继续到新的“行”上。
我尝试过自动换行。
谢谢你的帮助。
最佳答案
您描述它的方式应该可以正常工作。
我做了一个jsfiddle DEMO
图像默认情况下显示为inline
元素,如果元素不是图像,请尝试在其上使用display:inline
或display:inline-block
。