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

Oracle Apex模态对话框中页面项(含复选框)无法对齐问题求助

解决方案建议
  • 强制行内对齐布局:给复选框和文本框的父容器添加自定义CSS:display: flex; align-items: center; gap: 8px;,强制元素在同一行居中对齐,同时控制元素间距。
  • 统一宽度分配规则:在App Builder中给复选框设置固定宽度(如120px),给文本框设置flex: 1属性,让两者在同一行合理分配横向空间,避免换行或错位。
  • 消除动态渲染的布局干扰:给4个条件显示的文本框添加相同的CSS类,确保无论是否处于显示状态,都遵循一致的布局规则,避免动态插入DOM打断布局流。
  • 压缩模态框内部留白:调整模态框的左右内边距(如设置padding-left: 16px; padding-right: 16px;),给内部元素腾出更多横向空间,减少因空间不足导致的换行问题。
  • 覆盖默认块级样式:给复选框和文本框添加display: inline-block; vertical-align: middle;的CSS,覆盖元素默认的块级布局行为,强制它们在同一行对齐。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.22 15:29:53