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;
}