Javascript 如何使webOS中的列表看起来像网格？

我试过“float:left；”，但当滚动时（慢慢地更清晰），只有一个列表项滚动..但不是一行的整数..（但内置在palm pre-ROM中的照片应用程序可以正常工作）

在一个文件中：

<div id="results-list" class='thumb-list' x-mojo-element="List"></div>

剧本：

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

---

在同一网格中，

应包装
s:

<ul>#{-listElements}

<li class='thumb-item'>
 <img src="#{-pic_idFormatted}"/>
</li>

</ul>

{-listerments}




但除此之外，你的问题的其余部分还很不清楚。
你到底在问什么？你的问题对于这个问题很不清楚，预期的行为是什么？不客气。当你写问题时，有一些格式化工具可以让你的代码可见，如果它们不在一个文件中，还可以告诉我们哪些代码片段在哪些文件中：）ul和li在不同的html文件中（它们是两个模板文件）…现在看起来很不错。。但由于某种原因（可能是webOS内部的东西），滚动时会很奇怪..滚动后的结果是正确的一个实例会很好地看到：）嗯。。你们有webOS开发环境吗？我没有，但大多数问题都可以通过查看来解决：）我不知道如何制作一个实时示例…视频？？它不是一个web应用程序。它在电话上
/**
 * 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>#{-listElements}

<li class='thumb-item'>
 <img src="#{-pic_idFormatted}"/>
</li>

</ul>