CSS div将内容扩展到更多行

时间:2013-07-23 19:52:13

标签: php css styles dreamweaver

我有一个PHP脚本,它返回根据搜索条件显示的小图像列表(如指纹)。

我想让这些图像一个接一个地显示,直到它们在整个屏幕上达到约45%,然后如果有更多的图像比空间更合适,图像将继续显示新的一行。

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

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

但图像继续超过45%。 如果我使用了样式重叠:滚动;或重叠:隐藏,图像停止在45%,你可以滚动查看其他图像或隐藏它们。

如何让图像继续显示在新的“线”上。

我尝试过自动换行,但没有成功。

感谢您的帮助。

2 个答案:

答案 0 :(得分:1)

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

我制作了一个jsfiddle DEMO

图片默认显示为inline元素,如果元素不是图片,请尝试使用display:inlinedisplay:inline-block

答案 1 :(得分:0)

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