是否可以使WinJS ListView控件中的项目100%的ListView宽度?

时间:2014-05-27 00:47:35

标签: 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" data-win-control="WinJS.UI.ListView" 
     data-win-options="{itemDataSource : Data.list.dataSource, 
     itemTemplate: select('#template')}">
</div>

模板中的div必须定义宽度和高度,否则无效。我的问题是:如何仅使用css使模板填充listview的整个宽度。将宽度设置为100%只会使其填充父.win-container元素,而不是列表视图本身。由于边距,将宽度设置为100vw并不是最佳选择。

0 个答案:

没有答案