需求:
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
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(0)