使用dojox.mobile创建水平ScrollableView

时间:2012-04-18 13:17:54

标签: javascript css dojo

我正在努力使用dojox.mobile.ScrollableView横向滚动:我有一个

<div data-dojo-type="dojox.mobile.ScrollableView" scrollDir="h">

包含几个向左浮动的div个元素。但是,在这种情况下,元素不会显示在一行中:

http://jsfiddle.net/wf6NZ/

我可以在ScrollableView中放置另一个div,其宽度设置为所有宽度加上边距的总和:

http://jsfiddle.net/N7MrD/

但是,这需要计算我想要避免的所有元素的最终宽度。

所以问题是:是否有可能在没有辅助div的情况下实现第二个链接的结果?

1 个答案:

答案 0 :(得分:2)

尝试在任何容器div中定义样式'white-space:nowrap'。

例如,

<div id="view" style="white-space:nowrap" data-dojo-type="dojox.mobile.ScrollableView" scrollDir="h">