我有一个PHP脚本,它返回根据搜索条件显示的小图像列表(如指纹)。
我想让这些图像一个接一个地显示,直到它们在整个屏幕上达到约45%,然后如果有更多的图像比空间更合适,图像将继续显示新的一行。
我使用CSS在div中设置以下内容。
.example {
Float: left;
Width: 45%;
}
但图像继续超过45%。 如果我使用了样式重叠:滚动;或重叠:隐藏,图像停止在45%,你可以滚动查看其他图像或隐藏它们。
如何让图像继续显示在新的“线”上。
我尝试过自动换行,但没有成功。
感谢您的帮助。
答案 0 :(得分:1)
你描述它的方式应该可以正常工作。
我制作了一个jsfiddle DEMO
图片默认显示为inline
元素,如果元素不是图片,请尝试使用display:inline
或display:inline-block
。
答案 1 :(得分:0)
尝试将display:inline-block;
添加到元素中。