是否可以将 ons-list 设置为水平？

Question

OnsenUI 提供的大多数列表通常都是垂直的。我想知道是否可以把它变成水平的。诸如从左向右滚动的可能性。

Answer 1

我想出了如下解决方案：

HTML:

<ons-list class="wrapper-album">
    <ons-list-item modifier="tappable" class="internal" ng-repeat="item in items" ng-click="onItemClick(item);">
        <img ng-src="{{item.thumb}}"></img>
    </ons-list-item>
</ons-list>

CSS:

.wrapper-album {
    width: 100%;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

.internal {
    display: inline;
}

是否可以将 ons-list 设置为水平？

Is it possible to make ons-list as horizontal?

onsen-ui