如何在Oracle APEX中限制日历条目显示尺寸

Oracle APEX 内置日历组件基于FullCalendar封装，没有提供可视化配置项直接限制条目宽度，可通过自定义CSS覆盖默认样式实现效果，配置步骤如下：

• 打开对应日历页面的页面设计器，在页面属性栏找到「CSS」分类下的「内联CSS」输入框
• 写入适配日视图、周视图的固定宽度样式代码，宽度数值可根据自身页面布局调整：

/* 固定时间网格视图中日历条目宽度 */
.fc-timegrid-event {
  width: 120px !important;
  max-width: 120px !important;
}
/* 修正同时间段多事件排列偏移问题 */
.fc-timegrid-event-harness {
  margin-right: auto !important;
}

若需要同时调整月视图下的条目宽度，可追加.fc-daygrid-event选择器的宽度规则，设置逻辑和上述代码一致。

• 保存页面变更后重新运行应用，日历条目将不再横向占满整行，按照设置的固定宽度展示。

配置注意事项：

• 样式规则必须添加!important标记，FullCalendar默认样式优先级较高，不加标记自定义样式会被覆盖无法生效
• 若使用20.1及更早版本的APEX，日历组件的类名前缀可能存在差异，可通过浏览器开发者工具选中目标日历条目，查看实际生效的类名后替换上述代码中的选择器即可
• 固定宽度设置完成后，同时间段存在多个条目时，组件会自动按照设置的宽度横向排布，不会出现重叠遮挡问题

内容的提问来源于stack exchange，提问作者FĐŠ