需求： 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 【el-form每行显示两列底部按钮居中效果的实现】到此这篇关于el-form每行显示两列底部按钮居中效果的实现的文章就介绍到这了,更多相关el-form底部按钮居中内容请搜索www.887551.com以前的文章或继续浏览下面的相关文章 ， 希望大家以后多多支持www.887551.com！
-- 展开阅读全文 --
推荐阅读
- 使用CSS实现六边形的图片效果
- 手贱联系射手座前男友的下场
- 摩羯座男人的梦中情人
- 手贱联系摩羯座前男友的下场
- 手贱联系处女座前男友的下场
- 手贱联系白羊座前男友的下场
- 手贱联系天秤座前男友的下场
- 十二星座分手贱招
- 前任攻略：摩羯座如何忘记前男友？