css - 我应该使用什么 CSS 来创建一系列水平的非环绕块？

Question

我有一组动态生成的内容——介于 1 到大约 25 个块之间（我希望每个块的宽度约为 250 像素。

显然，这可以在屏幕外运行，但这很好，因为我的设计允许水平滚动（使用 jQuery - 我不希望浏览器使用自己的滚动条来实现）。

那么什么 CSS - 跨浏览器 - 是最好的方法呢？浮动似乎不可靠地包装，并且通过 ajax 调用频繁更改的内容的动态性质 - 意味着重新计算容器宽度不是很实用。

其他基于 CSS 的选项？

score 1 · Accepted Answer

#container { 
  overflow-x: auto; 
  white-space: nowrap; 

  width: XXXpx; height: XXXpx;
}
#container .block { 
  float: left; 
}

overflow-x如果内容超出宽度，该设置将确保滚动条，该设置white-space将确保所有内容都在一行上。

score 0 · Accepted Answer

尽管有标准，为什么不使用单行表？

因为如果你不让容器元素固定宽度，所有那些空白和内联块元素都不会工作，所以内容也会换行。如果我不知道画廊的实际宽度（我不知道，就动态添加的内容而言），我不能像那样指定它的宽度。

score 0 · Accepted Answer

0

除了花车？表 :D 说真的，使用浮点数。

于 2010-06-01T09:24:10.420 回答

score 0 · Accepted Answer

使用具有绝对 witdh 集的 div 容器，允许超低，并为每个框浮动。这将允许框溢出屏幕右侧。

4 回答 4