Kendo Tabstrip项目对齐

Question

我面临一个问题。 我有并排显示的剑道标签项目。 假设我有4个标签页，并且调整了窗口大小，则标签页项会失真。 它们不是并排显示，而是在调整窗口大小时向下移动到下一行。 我在示例中使用了以下CSS样式。

#list1 ul {list-style: none;}
#list1 li {display: inline;padding-left:5px; padding-right:5px;}

这是jsfiddle链接。 调整窗口大小，然后查看li项如何相互移动。

http://jsfiddle.net/k027vw4a/

Answer 1

您没有说您希望他们做什么。 这就是HTML的基本原理。 内联项对于页面而言太宽时会自动换行。

您的jsFiddle也不包含Kendo，因此该元素不是Kendo标签栏。

如果希望使用滚动条，可以使用以下命令禁用元素的换行：

#list1 ul {
    white-space: nowrap;
}