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

Question

OnsenUI提供的大多数ons-list通常是垂直的。我想知道是否有可能使它成为水平。类似于从左向右滚动的可能性。

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;
}