用dojox.mobile创建水平ScrollableView

Question

我正在努力使用dojox.mobile.ScrollableView进行水平滚动:我有一个

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

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

http://jsfiddle.net/wf6NZ/

我可以在ScrollableView中放置另一个宽度为所有宽度加上边距之和的div：

http://jsfiddle.net/N7MrD/

然而，这需要计算所有元素的结果宽度，这是我想要避免的。

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

Answer 1

尝试在任何容器div中定义样式‘空白: nowrap’。

例如,

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