我试过'float: left;',但是当滚动时(慢慢地更清晰),只有一个列表项滚动..但不是一行的numItem..(但是内置在palm pre ROM中的照片应用程序很好用)
在一个文件中:
<div id="results-list" class='thumb-list' x-mojo-element="List"></div>
在另一个:
<ul>#{-listElements}</ul>
在另一个:
<li class='thumb-item'>
<img src="#{-pic_idFormatted}"/>
</li>
CSS:
/**
* thumblist
*/
.thumb-list {
padding: 12px;
}
.thumb-item {
float: left;
margin: 8px;
}
.thumb-item img {
width: 80px;
height: 80px;
border-radius: 5px;
border: 1px solid black;
}
脚本:
this.resultsModel = {items: []};
this.controller.setupWidget('results-list', {
itemTemplate:'thumb/search-result',
listTemplate:'thumb/result-list',
formatters:{pic_id:this.formatThumb.bind(this)},
//renderLimit: 50,
lookahead: 20,
fixedHeightItems: true,
initialAverageRowHeight:100,
hasNoWidgets: true
},
this.resultsModel);
在同一个格子里
最佳答案
<ul>
应该包装 <li>
小号:
<ul>#{-listElements}
<li class='thumb-item'>
<img src="#{-pic_idFormatted}"/>
</li>
</ul>
但除此之外,您的问题的其余部分非常不清楚。
关于javascript - 如何使 webOS 中的列表看起来像网格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3682939/