我为这个糟糕的标题道歉。
我遇到了一个问题。我有几个元素,它们的名字是:
-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;
这让我看到的是一个垂直滚动,其中的元素围绕着结尾处的下一行。我想要的是所有的元素都在同一行上,滚动是左和右/水平。
发布于 2013-06-08 05:42:39
同样,空格,但是你必须在需要的地方分发它,在不需要的地方重置。
另一种不同于空格的方法是设置一个列宽度。
它将构建与其容器高度匹配所需的列数(设置宽度,否则为一行:)。
要将两个主容器放在一起显示,需要使用浮动、内联块+空格和display:table/table-cell。
这里是possibilities.Test的混合体&选择最适合你的那一个。http://codepen.io/gcyrillus/pen/kvLzu http://codepen.io/gcyrillus/full/kvLzu .不要犹豫叉子和玩,没有什么会被打破)
发布于 2013-06-08 03:36:01
好吧,我想出来了,这对任何人在Googleling上搜索都有帮助。尝试添加
white-space: nowrap;
overflow-x:scroll;
到容器中。
https://stackoverflow.com/questions/16991669
复制相似问题