Question

我为可怕的头衔道歉。

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

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

图形容器元素和选择器彼此相邻并且选择器向右浮动。图形容器元素应该具有彼此相邻的许多元素（在同一行上），从而在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;

这让我得到的是一个垂直滚动，其中元素围绕着末端环绕到下一行。我想要的是所有元素都在同一行，滚动是左右两边。

Answer 1

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

另一种方式，就像白色空间一样，是设置一个colum-width。

它将构建适合其容器高度所需的列数。（设置宽度，否则它是一行:)）

要将2个主要容器彼此放在一起，可以使用浮动，内联块+空白区域和显示：通常使用的表格/表格单元格。

这里有各种各样的可能性。测试＆amp;拿起最适合自己观点的那一个。 http://codepen.io/gcyrillus/pen/kvLzu http://codepen.io/gcyrillus/full/kvLzu。不要犹豫，分开玩耍，什么都不会破坏）

Answer 2

好吧，我想通了，这可能对任何人都有帮助。尝试添加

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

到容器。

将垂直滚动更改为水平滚动？

2 个答案: