首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >是否将垂直滚动更改为水平滚动?

是否将垂直滚动更改为水平滚动?
EN

Stack Overflow用户
提问于 2013-06-08 03:33:11
回答 2查看 808关注 0票数 1

我为这个糟糕的标题道歉。

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

代码语言:javascript
运行
复制
-page
 -graph-container
  -lots of elements
 -selector

图形容器元素和选择器将以内联方式彼此相邻,选择器浮动在右侧。图容器元素应该有很多元素,所有元素都是相邻的(在同一条线上),从而在x坐标上形成一个滚动条。

以我的生命来说,我不能让它工作。当前的CSS是这样的:

代码语言:javascript
运行
复制
-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;

这让我看到的是一个垂直滚动,其中的元素围绕着结尾处的下一行。我想要的是所有的元素都在同一行上,滚动是左和右/水平。

EN

回答 2

Stack Overflow用户

发布于 2013-06-08 05:42:39

同样,空格,但是你必须在需要的地方分发它,在不需要的地方重置。

另一种不同于空格的方法是设置一个列宽度。

它将构建与其容器高度匹配所需的列数(设置宽度,否则为一行:)。

要将两个主容器放在一起显示,需要使用浮动、内联块+空格和display:table/table-cell。

这里是possibilities.Test的混合体&选择最适合你的那一个。http://codepen.io/gcyrillus/pen/kvLzu http://codepen.io/gcyrillus/full/kvLzu .不要犹豫叉子和玩,没有什么会被打破)

票数 1
EN

Stack Overflow用户

发布于 2013-06-08 03:36:01

好吧,我想出来了,这对任何人在Googleling上搜索都有帮助。尝试添加

代码语言:javascript
运行
复制
white-space: nowrap;
overflow-x:scroll;

到容器中。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16991669

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档