Html 是否可以将WinJS ListView控件中的项设置为ListView宽度的100%?

Html 是否可以将WinJS ListView控件中的项设置为ListView宽度的100%?,html,css,listview,winjs,Html,Css,Listview,Winjs,在WinJS中,我可以定义ListView和相应的模板,如下所示: <div id="template" data-win-control="WinJS.Binding.Template"> <div style="width:100px;height:100px;"> <p data-win-bind="innerText: text"></p> </div> </div> <div id="list" da

在WinJS中,我可以定义ListView和相应的模板,如下所示:

<div id="template" data-win-control="WinJS.Binding.Template">
<div style="width:100px;height:100px;">
    <p data-win-bind="innerText: text"></p>
</div>
</div>
<div id="list" data-win-control="WinJS.UI.ListView" 
     data-win-options="{itemDataSource : Data.list.dataSource, 
     itemTemplate: select('#template')}">
</div>


模板中的div必须定义宽度和高度,否则将无法工作。我的问题是:如何仅使用css使模板填充listview的整个宽度。将width设置为
100%
只会使其填充父
.win容器
元素,而不是listview本身。将宽度设置为
100vw
不是最佳设置,因为存在边距。

如果您一次只想在列表视图中看到一个项目,您可能想尝试使用FlipView?我同意……ListView的观点是,它根据布局显示多个项,并且为数据源中的每个项呈现一次项模板。FlipView是一个控件,它一次显示来自数据源的一个项目,听起来像是您在这里需要的部分。我想您误解了我的问题。我希望在ListView中显示多个列表项,使每个项占据ListView宽度的100%,但高度仅为100px。无论如何,我找到了解决问题的方法:使用WinJS.UI.Repeater对象。这里有记录: