css的columns属性在实际开发过程中的应用

平时的表单需求都是从上到下,表单多了就出滚动条。最近有个产品给出一个表单多了就分两列的需求。

需求描述

现有的表单组件展示样式

预期的表单组件展示

antd的表单实现

直接在form上增加 columns: 2

非antd实现不起作用原因

我在自己实现的表单form上使用了display: flex

解决方案

将顶级标签设置为display: block或者display: inline-block或者display: flow(实验性属性)或者display: table-cell或者display: table-caption 或者 display: list-item

相关推荐
Mintopia几秒前
🌐 数据合规框架下的 WebAIGC 训练数据处理技术规范
前端·javascript·aigc
骥龙20 分钟前
2.6、Web漏洞挖掘实战(下):XSS、文件上传与逻辑漏洞深度解析
前端·xss
用户4338453756928 分钟前
Promise深度解析,以及简易版的手写实现
前端
梦之云30 分钟前
state 状态相关
前端
梦之云34 分钟前
effect 副作用相关
前端
golang学习记39 分钟前
从0死磕全栈之Next.js 生产环境优化最佳实践
前端
Mintopia1 小时前
🧠 Next.js 还是 Nuxt.js?——当 JavaScript 碰上命运的分叉路
前端·后端·全栈
5pace1 小时前
Mac Nginx安装、启动、简单命令(苍穹外卖、黑马点评前端环境搭建)
java·前端·nginx·macos·tomcat
Learn Beyond Limits1 小时前
如何在Mac进行Safari网页长截图?
前端·macos·safari·方法·操作·功能·开发者平台
阿珊和她的猫2 小时前
深入剖析 Vue Router History 路由刷新页面 404 问题:原因与解决之道
前端·javascript·vue.js