0

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

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

示例 3 这里

第一个示例工作,如果我给一个包装所有 div 的宽度,但我可以这样做,因为所有 div 都被动态调用,这意味着我可以得到 1 到 100 个 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 的数量的情况下,我该如何做第三种技术。

您可以查看源代码以查看更多详细信息

4

1 回答 1

0

您可以float:left.div-imageCSS 中删除并添加display: inline

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

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

于 2009-11-15T08:15:01.590 回答