我应该使用什么CSS来创建一系列水平，非包装块？

Question

我有一组动态生成的内容 - 介于1到大约25个块之间（每个块我想要大约250px宽。

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

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

其他基于CSS的选项？

Answer 1

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

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

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

Answer 2

除花车外？表：D 说真的，使用花车。

Answer 3

使用设置了绝对宽度的div容器，允许溢出和每个框的浮动。这将允许盒子从屏幕右侧溢出。

Answer 4

Here is a similar question

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

因为如果不使容器元素固定宽度，所有那些空格和内联块元素都不起作用，因此内容也会换行。如果我不知道画廊的实际宽度（我不知道，就动态添加内容而言），我无法指定它的宽度。