Kendo ui Knockout-Kendo.js:设置kendoui tabstrip的宽度和高度

Kendo ui Knockout-Kendo.js:设置kendoui tabstrip的宽度和高度,kendo-ui,Kendo Ui,我正在使用RPNiemeyer的Knockout-Kendo.js库。我有一个kendoui标签。我查阅了kendoui文档,没有找到如何设置tabstrip的宽度和高度。在我的例子中,我想将tabstrip的高度设置为浏览器视图的高度。目前,它正在调整每个选项卡的大小,以考虑其中的内容 以下是来自Knockout-Kendo.js官方页面的jsfiddle.net示例: 如果您有任何关于工作示例的帮助,我们将不胜感激。谢谢大家! 编辑:我发现这样做的一种方法是在tabstrip的每个div上

我正在使用RPNiemeyer的Knockout-Kendo.js库。我有一个kendoui标签。我查阅了kendoui文档,没有找到如何设置tabstrip的宽度和高度。在我的例子中,我想将tabstrip的高度设置为浏览器视图的高度。目前,它正在调整每个选项卡的大小,以考虑其中的内容

以下是来自Knockout-Kendo.js官方页面的jsfiddle.net示例:

如果您有任何关于工作示例的帮助,我们将不胜感激。谢谢大家!


编辑:我发现这样做的一种方法是在tabstrip的每个div上设置高度

使用css设置高度的想法是正确的。通常,我会通过利用kendo在html元素上呈现的类来处理这样的场景。你可以这样做:

<style>
  .k-tabstrip-items .k-link 
  {
    height:40px; /* whatever height you want */
    width:100px;
  }​
</style>

.k-tabstrip-items.k-link
{
高度:40px;/*任意高度*/
宽度:100px;
}​
这里有一个更新的提琴:

“作为浏览器视图的高度”-因此您可能希望尝试百分比而不是像素。只是一个想法,很好的回答。