Kendo Tabstrip项目对齐

Question

我正面临一个问题。我有并排显示的kendo tabstrip项目。假如我有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;
}