Question

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

我需要一个水平滚动，如果我只使用图像，它的工作与白色空间很好：nowrap; css但是如果每个图像都在div中，则sroll disapear并且图像不会全部显示。

第一个例子，如果我给一个包装所有div的宽度，但我可以做这个方法，因为所有div都被称为dynamicaly，这意味着我可以得到1 div到100。

这里是第三个例子的代码

#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数量，我该如何处理第3种技术。

您可以查看源代码以了解更多详情

Answer 1

您可以从float:left CSS中移除.div-image，然后添加display: inline：

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

这似乎按照您希望的方式在您的示例网站上运行。

带有div的CSS溢出

1 个答案: