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

Oracle APEX:仅显示页面项的文本换行问题

解决Inline Dialog中仅显示页面项文本自动换行问题

针对你遇到的仅显示页面项文本超出Inline Dialog宽度、无法自动换行的问题,提供以下几种实用解决方案:

方法一:自定义CSS样式控制

  1. 编辑目标仅显示页面项,在高级属性组的CSS类字段中,输入自定义类名(例如dialog-wrap-text)。
  2. 在当前页面的内联CSS(路径:页面属性 → CSS → 内联)中添加以下样式规则:
.dialog-wrap-text {
    max-width: 100%; /* 强制宽度不超过父容器(Inline Dialog) */
    white-space: pre-wrap; /* 保留文本原有换行,同时自动折行 */
    word-wrap: break-word; /* 对无空格的长单词进行拆分换行 */
    overflow-wrap: break-word; /* 兼容主流浏览器的长文本换行 */
}

方法二:使用APEX内置样式类

APEX提供了现成的文本换行样式类,无需自定义CSS:
编辑目标页面项,在高级属性组的CSS类字段中,直接输入u-wrap-text。这个内置类已经封装了文本自动换行所需的样式规则,能快速解决问题。

额外注意事项

  • 检查Inline Dialog区域的布局属性:确保区域的溢出设置未勾选“水平滚动”,避免Dialog本身强制显示水平滚动条。
  • 如果文本包含连续无空格的超长字符串(如长URL),上述CSS规则会自动拆分这些字符串,避免超出容器宽度。

内容的提问来源于stack exchange,提问作者Coding Duchess

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.12 03:45:36