如何设置WinJS中的win-listview高度？

Question

5

这真是让我抓狂。我无法弄清楚如何使列表视图的高度自适应。

也就是说，列表视图的高度应该扩展以占用所需的所有空间，并使外部容器提供overflow-y滚动特性。

不幸的是，我似乎找不到任何相关文档。

帮助将会很棒。谢谢！

- RadiantHex

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Jeremy Foster · Accepted Answer

默认情况下，ListView控件的高度为400像素。这是在ui-light.css文件的第1421行中设置的。您可以通过在页面上添加规则来覆盖它，例如：

. win-listview { height:100％; /*（或者您可以使用类似“600px”的绝对值）*/ }

在此页面的开发中心上，它说...

设置ListView控件的高度

ListView不会根据内容动态调整其高度。要呈现ListView，必须为其高度指定绝对值。Windows Library for JavaScript样式表将ListView控件的高度设置为400像素。

从设计角度来看，您可能不应该在ListView上进行垂直滚动。它们被设计为水平布局（与应用程序一般相同）。同时使用水平和垂直滚动可能会导致用户体验不佳。我写了一些关于此问题的文章。