[英]Kendo Tabstrip items alignment
I am facing an issue. 我面临一个问题。 I have kendo tabstrip items displayed side by side. 我有并排显示的剑道标签项目。 Say if I have 4 tabs and I resize my window, the tabstrip items are getting distorted. 假设我有4个标签页,并且调整了窗口大小,则标签页项会失真。 Instead of displaying side by side, on window resize they are moving down to the next line. 它们不是并排显示,而是在调整窗口大小时向下移动到下一行。 I have used the below css styles in the example. 我在示例中使用了以下CSS样式。
#list1 ul {list-style: none;}
#list1 li {display: inline;padding-left:5px; padding-right:5px;}
Here is the jsfiddle link. 这是jsfiddle链接。 resize the window and see how the li items move below one another. 调整窗口大小,然后查看li项如何相互移动。
You didn't say what you expect them to do instead. 您没有说您希望他们做什么。 This is how HTML fundamentally works; 这就是HTML的基本原理。 inline items wrap when they are too wide for the page. 内联项对于页面而言太宽时会自动换行。
Your jsFiddle also doesn't include Kendo, so the element isn't a Kendo tab strip. 您的jsFiddle也不包含Kendo,因此该元素不是Kendo标签栏。
If you would rather have a scroll bar, you can disable line wrap on the elements with: 如果希望使用滚动条,可以使用以下命令禁用元素的换行:
#list1 ul {
white-space: nowrap;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.