0

我是煎茶的新手，遇到了以下问题。我必须显示具有可变高度的列表（当然它是默认的），它由文本显示和图像组成。列表中填充的项目是数组，一个数组需要在左侧，另一个在右侧，一些我如何使用 span 并在项目 TPL 中添加 for 循环来迭代数组。第一个数组（左数组）按预期正确显示，并且在左数组完成后正在渲染要显示在右侧的第二个数组。我已经附加了图像现在的样子，所以我需要显示它们并排，可能存在 CSS 问题，尝试了各种替代方案但没有用，任何人都可以通过查看下面的代码和 CSS 知道会出现什么问题，谢谢您的帮助。

项目Tpl：

                     '<div class="listItem">' +
                    '<span><tpl for = "firstArray">'+
                    '<span class="listSecondRow">'+
                    '<img src="resources/images/someImage.png"/>' +
                    '<label>{data} {data}</label>' +
                    '<img src="resources/images/someImage.png"/><label>{data}</label>' +
                    '<img src="resources/images/someImage.png"/><label>SKD {data} </label>' +
                    '<label>{data}</label><br>' +
                    '</span></tpl>'+
                     '<span><tpl for = "secondArray">'+
                     '<span class="listSecondRow2">'+
                     '<img src="resources/images/image.png"/><label>{data} {data}</label>' +
                     '<img src="resources/images/image.png"/><label>{data}</label>' +
                     '<img src="resources/images/image.png"/>' +
                     '<label>SKD {data} </label>' +
                     '<label>{data}</label><br>' +
                     '</span></tpl></span>'+
                    '</div>',
4

1 回答 1

0

通过修改 CSS 并删除此列的完整项目 Tpl 标签解决了该问题

于 2013-11-12T11:09:40.730 回答