You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Oracle APEX Tab Container标签无法换行,如何实现多行显示?

Oracle APEX Tab Container标签换行解决方案
  • 核心方案:通过自定义CSS覆盖Tab Container的默认样式,取消标签栏的横向滚动限制,实现标签自动换行。
  • 具体操作步骤:
    1. 打开目标页面的页面属性,找到CSS模块下的内联输入框。
    2. 粘贴以下CSS代码:
      /* 解除标签栏横向滚动限制,允许自动换行 */
      .t-Tabs-nav {
          flex-wrap: wrap !important;
          overflow-x: visible !important;
      }
      /* 调整标签底部间距,优化换行后的视觉效果 */
      .t-Tabs-item {
          margin-bottom: 8px;
      }
      
    3. 保存页面并运行,标签会根据容器宽度自动换行显示所有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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.29 08:12:36