CSS div 将内容扩展到更多行答案

【问题标题】：CSS div to extend content onto more linesCSS div 将内容扩展到更多行
【发布时间】：2013-07-23 02:06:19
【问题描述】：

我有一个 php 脚本，它返回根据搜索条件显示的小图像（如指纹）列表。

我希望这些图像一个接一个地显示，直到它们在屏幕上达到大约 45%，然后如果有更多的图像超出了空间的容量，图像会继续显示到新的一行。

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

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

但图像继续超过 45%。如果我使用样式重叠：滚动；或重叠：隐藏，图像在 45% 处停止，您可以滚动查看其他图像，或者将它们隐藏。

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

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

感谢您的帮助。

【问题讨论】：

你能告诉我们生成图像的 php 循环吗？同样在您的 CSS 中，使用所有小写字母进行声明，例如width 而不是 Width
我认为它必须是 php 循环，因为 CSS 是正确的。我没有意识到 php 会“覆盖”CSS——我认为 php 结果正好适合 CSS 格式。我来看看 php.ini 文件。谢谢
php 不会覆盖 CSS。这很可能是由您的php 循环产生的html 中的错误。
我正在使用 dreamweaver 进行搜索和 php...code

.png"/>

code 这会返回一列图像，一个接一个。如何更改代码以在上面的 div -css 中从左到右显示图像然后换行？也许使用数组？

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

我做了一个 jsfiddle DEMO

图像默认显示为inline 元素，如果元素不是图像，请尝试在其上使用display:inline 或display:inline-block。

【讨论】：