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

Oracle Apex 如何通过线条或颜色分隔卡片文本的不同行

Oracle APEX 20.1 卡片内容行分隔实现方案

Oracle APEX 卡片区域支持在SQL查询中直接拼接HTML标签自定义内容样式,两种需求的实现方式如下:

方案1:深灰色样式区分第一行(对齐现有标题样式)

给第一行文本包裹自定义样式的行内标签,设置深灰色字体,调整间距和现有标题样式对齐即可。
SQL示例:

SELECT
  -- 替换为你实际的卡片主键字段
  your_primary_key AS card_id,
  -- 拼接带样式的卡片内容
  '<span style="color: #333; font-weight: 500; padding-bottom: 8px; display: block;">Veränderung zum Vormonat: 0</span>'
  || 'Ist <br>'
  || 'Soll' AS card_content
FROM your_table_name;

说明:

  • 色值#333可替换为你现有卡片标题使用的实际深灰色值
  • display: block让第一行单独占满整行,padding-bottom可调整和下方内容的间距

方案2:实线分隔两行

在第一行和后续内容之间插入自定义样式的分隔线即可。
SQL示例:

SELECT
  your_primary_key AS card_id,
  'Veränderung zum Vormonat: 0 <br>'
  || '<hr style="margin: 8px 0; border: none; border-top: 1px solid #e0e0e0;">'
  || 'Ist <br>'
  || 'Soll' AS card_content
FROM your_table_name;

说明:

  • 可调整border-top的颜色、粗细修改分隔线样式,调整margin值修改分隔线上下间距

通用注意事项

需要将卡片内容字段的转义特殊字符设置为No,否则HTML标签会被直接作为普通文本展示:

  • 操作路径:卡片区域 > 列属性 > 安全性 > 转义特殊字符,选择否

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.09.26 15:27:01