el-form-item label位置(el-form 每行显示两列,底部按钮居中)
导读:需求: 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版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!