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
相关产品推荐
相关产品推荐

