CSS 溢出与 div

Question

我想在 div 上使用 overflow 来显示所有 div 和图像，以及文本，但对于这个例子我只使用了图像。

我需要一个水平滚动条，如果我只使用图像，它可以很好地处理空白:nowrap； css 但如果每个图像都在一个 div 中，则滚动消失并且图像不会全部显示。

Example 3 here

如果我给一个包装所有 div 的宽度，第一个示例工作，但我可以执行此方法，因为所有 div 都被动态调用，这意味着我可以获得 1 div 到一百一。

这里是第三个例子的代码

#dmcscroll2 {
  white-space: nowrap; display:
  block; width:660px;
  height:112px;
  overflow: auto;
  overflow-y: hidden;
  /*overflow :
  -moz-scrollbars-horizontal;*/
  border-style:solid;
  border-width:1px;
  border-color:#000;
}
.div-image{
  float: left;
  width: 125px;
}

如果不知道从动态 javascript 调用中获取的带有图像的 div 的数量，我该如何使用第三种技术。

你可以查看源代码以了解更多细节

Answer 1

您可以从 .div-image CSS 中删除 float:left 并添加 display: inline 代替:

.div-image{
  display: inline;
  width: 125px;
}

在您的示例网站上，这似乎按照您希望的方式工作。