1

我为糟糕的标题道歉。

我遇到了一个问题。我有几个元素,按名称它们是:

-page
 -graph-container
  -lots of elements
 -selector

图形容器元素和选择器彼此相邻,选择器向右浮动。graph-container 元素应该有很多元素彼此相邻(在同一行),从而在 x 坐标中创建一个滚动条。

为了我的一生,我无法让它发挥作用。当前的 CSS 是这样的:

-page - width: 820 (applies correctly)
 -container - height: 500px; width: 620; display: inline-block; overflow: scroll;
  -lots of elements - display:inline;
 -selector - float:right; display:inline-block;

这让我得到的是一个垂直滚动,其中元素围绕末端缠绕到下一行。我想要的是所有元素都在同一行,并且滚动是左右/水平的。

4

2 回答 2

1

同上,空白,但您必须在需要的地方分发它并在不需要的地方重置。

另一种不像空白那样通常的方法是设置列宽。

它将构建尽可能多的列以适合其容器的高度。(设置宽度,否则它是一行:))

为了将您的 2 个主要容器彼此放在一边,通常使用浮动、内联块 + 空白和 display:table/table-cell。

这里有多种可能性。测试并选择最适合您的观点。 http://codepen.io/gcyrillus/pen/kvLzu http://codepen.io/gcyrillus/full/kvLzu。不要犹豫,分叉玩,什么都不会坏的)

于 2013-06-07T21:42:39.120 回答
0

好吧,我想通了,这可能对任何使用 Google 的人都有帮助。尝试添加

white-space: nowrap;
overflow-x:scroll;

到容器。

于 2013-06-07T19:36:00.660 回答