需求：

el-form 每行顯示兩列，底部按鈕居中

問題：

以前的解決辦法是： el-col, el-row。但是這里只有一個 el-form-item 的 label 數(shù)據(jù)是已知的，其余項(xiàng)都是循環(huán)得到的，數(shù)量不固定，因此不能采用 el-col 方式。

嘗試

嘗試過 item 左浮動，flex，底部定位，都無法解決。

解決辦法

el-form 添加 inline 屬性，給每個 item 設(shè)置寬度；給底部按鈕 flex 布局。

參考鏈接

http://t.csdn.cn/nrQ0C

http://www.dbjr.com.cn/article/240039.htm

思考說明 el-form 本身是 block 塊級元素;對 flex 和 定位的詳細(xì)內(nèi)容不是很熟悉，比如 flex:1

到此這篇關(guān)于el-form每行顯示兩列底部按鈕居中效果的實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)el-form底部按鈕居中內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！

最新評論