Oracle APEX Tab Container标签无法换行,如何实现多行显示?
Oracle APEX Tab Container标签换行解决方案
- 核心方案:通过自定义CSS覆盖Tab Container的默认样式,取消标签栏的横向滚动限制,实现标签自动换行。
- 具体操作步骤:
- 打开目标页面的页面属性,找到CSS模块下的内联输入框。
- 粘贴以下CSS代码:
/* 解除标签栏横向滚动限制,允许自动换行 */ .t-Tabs-nav { flex-wrap: wrap !important; overflow-x: visible !important; } /* 调整标签底部间距,优化换行后的视觉效果 */ .t-Tabs-item { margin-bottom: 8px; } - 保存页面并运行,标签会根据容器宽度自动换行显示所有26个标签。
- 精准适配优化:如果需要仅针对当前Tab Container生效(不影响页面其他Tab组件),可先给该Tab Container设置静态ID(比如
large-tabs-container),再使用以下定向CSS:#large-tabs-container .t-Tabs-nav { flex-wrap: wrap !important; overflow-x: visible !important; } #large-tabs-container .t-Tabs-item { margin-bottom: 8px; }
内容的提问来源于stack exchange,提问作者AWildmann
相关产品推荐
相关产品推荐

