AntD Form:scroll 与 max-content 的影响
要点:
- 设置列宽后,如内容实际宽度更大,某些布局下列宽会被内容“撑开”,即不会压缩实际内容宽度。
- 在需要固定列宽并截断时,应结合
tableLayout: fixed或组件本身的省略策略。
建议
- 表格内表单:结合
Table的scroll={{ x: 'max-content' }}与列ellipsis/CSS 截断,避免布局被内容撑破。 - 表单项内容较长时:显式设置容器宽度与
overflow: hidden; text-overflow: ellipsis;。