解決element ui el-row el-col里面高度不一致問題
更新時間:2024年08月06日 09:37:49 作者:代碼搬運媛
這篇文章主要介紹了解決element ui el-row el-col里面高度不一致問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
element ui el-row el-col里面高度不一致問題
用餓了嗎el-row,el-col布局頁面的時候會因為el-col的內(nèi)容高度不統(tǒng)一,造成布局混亂
解決方案
就是在el-row中添加type=“flex”
vue ElementUi 修改el-row的高度
添加如下css樣式
.el-row{ margin-bottom: -15px; display: flex; flex-wrap: wrap }
- 修改前:
- 修改后:
總結(jié)
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue3 watch和watchEffect的使用以及有哪些區(qū)別
這篇文章主要介紹了vue3 watch和watchEffect的使用以及有哪些區(qū)別,幫助大家更好的理解和學(xué)習(xí)vue框架,感興趣的朋友可以了解下2021-01-01Vue實現(xiàn)input寬度隨文字長度自適應(yīng)操作
這篇文章主要介紹了Vue實現(xiàn)input寬度隨文字長度自適應(yīng)操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07vue3中使用ref和emit來減少props的使用示例詳解
現(xiàn)在在開發(fā)vue3項目的過程中,我們開發(fā)小組漸漸的減少props的使用,轉(zhuǎn)而用ref 和 emit 來代替,這篇文章主要介紹了vue3中使用ref和emit來減少props的使用,需要的朋友可以參考下2022-06-06vuex新手進(jìn)階篇之a(chǎn)ctions的使用方法
actions用來處理mutations中的異步操作,觸發(fā)mutations中的函數(shù),下面這篇文章主要給大家介紹了關(guān)于vuex新手進(jìn)階篇之a(chǎn)ctions的使用方法,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-10-10