ajax标签容器中的多行标签? [英] Multi line tabs in ajax tab container?

问题描述

当前，我的标签容器中有很多标签面板(20).结果，一旦我运行该网站，网页上就会出现水平滚动条.

Currently there are lot of tab panels(20) inside my tab container. As a result once i run the site, a horrizontal scrollbar apears on the webpage.
Is there a way to shift the remaining tabs to next line so that no scroll bar appears?

推荐答案

在CSS中使用此方法:


.ajax__tab_default .ajax__tab_header/*这会使制表符换行*/
{
空白:正常！重要；
}

Use this in css:


.ajax__tab_default .ajax__tab_header /* this makes the tabs wrap*/
{
white-space: normal!important;
}

我认为必须有一个选项可以固定选项卡容器的宽度.因此，添加新面板将不会增长.试试.

I believe there must be an option to have fix width of the tab container. Thus on addition of new panels it would not grow. Try that.

我尝试将Tab容器的Width设置为某​​个值，但它只是将Tab面板的宽度设置为实际容器的宽度.还有其他建议吗?

I tried setting Tab container''s Width to some value but it just sets the width of the tab panel not the actual container. Any other suggestion?

这篇关于ajax标签容器中的多行标签?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！