首页IT科技el-form-item label位置(el-form 每行显示两列,底部按钮居中)

el-form-item label位置(el-form 每行显示两列,底部按钮居中)

时间2025-09-19 14:38:05分类IT科技浏览7487
导读:需求: el-form 每行显示两列,底部按钮居中...

需求:

el-form 每行显示两列                 ,底部按钮居中

问题:

以前的解决办法是: el-col, el-row                 。但是这里只有一个 el-form-item 的 label 数据是已知的                           ,其余项都是循环得到的          ,数量不固定             ,因此不能采用 el-col 方式                           。

尝试

尝试过 item 左浮动                          ,flex               ,底部定位         ,都无法解决          。

解决办法

el-form 添加 inline 属性                         ,给每个 item 设置宽度;给底部按钮 flex 布局             。

参考链接

http://t.csdn.cn/nrQ0C

思考

说明 el-form 本身是 block 块级元素; 对 flex 和 定位的详细内容不是很熟悉                    ,比如 flex:1

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
php前后端分离用什么技术(PHPCMS是前后端分离吗?)