el-form每行顯示兩列底部按鈕居中效果的實(shí)現(xiàn)
發(fā)布時間：2022-07-26 15:41:40 作者：shayloyuki 
我要評論
我要評論這篇文章主要介紹了el-form每行顯示兩列底部按鈕居中效果的實(shí)現(xiàn),解決辦法也很簡單只需給el-form 添加 inline 屬性，給每個 item 設(shè)置寬度，給底部按鈕 flex 布局，本文給大家介紹的非常詳細(xì)，感興趣的朋友一起看看吧
需求：
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://www.fzitv.net/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)文章，希望大家以后多多支持腳本之家！
相關(guān)文章
el-form每行顯示兩列底部按鈕居中效果的實(shí)現(xiàn)
這篇文章主要介紹了el-form每行顯示兩列底部按鈕居中效果的實(shí)現(xiàn),解決辦法也很簡單只需給el-form 添加 inline 屬性，給每個 item 設(shè)置寬度，給底部按鈕 flex 布局，本文給大2022-07-26實(shí)現(xiàn)div垂直居中的display:table-cell方法示例介紹
要實(shí)現(xiàn)盒模型中的div居中，可以使用display:table-cell方法且兼容多瀏覽器，下面有個示例，感興趣的朋友可以練練手2014-07-24用CSS讓img input select button 圖片,文本框,下拉菜單,按扭垂直居中的
一直以來,在HTML中,img input select button 這里元素，垂直對齊,比較難。結(jié)果我長大了。我發(fā)現(xiàn)了一個現(xiàn)像，其實(shí)解決這些問題只是一句話的事。2011-03-08
