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

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

时间2025-08-05 06:47:58分类IT科技浏览6891
导读:需求: 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
seo关键词排名优化价格(seo关键词排名优化技巧,seo关键词排名优化专业公司) windows10切换win7桌面(win10界面切换win7风格)