解決element ui el-row el-col里面高度不一致問(wèn)題
更新時(shí)間：2024年08月06日 09:37:49 作者：代碼搬運(yùn)媛
這篇文章主要介紹了解決element ui el-row el-col里面高度不一致問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
element ui el-row el-col里面高度不一致問(wèn)題
用餓了嗎el-row，el-col布局頁(yè)面的時(shí)候會(huì)因?yàn)閑l-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é)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue前端利用slice()方法實(shí)現(xiàn)分頁(yè)器
分頁(yè)功能是常見的需求之一，本文主要介紹了Vue前端利用slice()方法實(shí)現(xiàn)分頁(yè)器，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07
vue3 watch和watchEffect的使用以及有哪些區(qū)別
這篇文章主要介紹了vue3 watch和watchEffect的使用以及有哪些區(qū)別，幫助大家更好的理解和學(xué)習(xí)vue框架，感興趣的朋友可以了解下2021-01-01
這篇文章主要介紹了Vue異步組件處理路由組件加載狀態(tài)的解決方案，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-09-09
Vue實(shí)現(xiàn)input寬度隨文字長(zhǎng)度自適應(yīng)操作
這篇文章主要介紹了Vue實(shí)現(xiàn)input寬度隨文字長(zhǎng)度自適應(yīng)操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07
這篇文章主要介紹了vue頁(yè)面圖片不顯示問(wèn)題解決方案,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-09-09
vue3中使用ref和emit來(lái)減少props的使用示例詳解
現(xiàn)在在開發(fā)vue3項(xiàng)目的過(guò)程中，我們開發(fā)小組漸漸的減少props的使用，轉(zhuǎn)而用ref 和 emit 來(lái)代替，這篇文章主要介紹了vue3中使用ref和emit來(lái)減少props的使用,需要的朋友可以參考下2022-06-06
在Vue中一般很少會(huì)用到直接操作DOM，但不可避免有時(shí)候需要用到，這時(shí)我們可以通過(guò)ref和$refs這兩個(gè)來(lái)實(shí)現(xiàn),下面這篇文章主要給大家介紹了關(guān)于vue3中$refs的基本使用方法,需要的朋友可以參考下2022-03-03
這篇文章主要給大家介紹了關(guān)于vue打包后修改配置后端IP地址、端口等信息的兩種方法,文中通過(guò)代碼示例以及圖文介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用vue打包具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-09-09
Vue中渲染系統(tǒng)模塊的實(shí)現(xiàn)詳解
想要實(shí)現(xiàn)一個(gè)簡(jiǎn)潔版的Mini-Vue框架，應(yīng)該包含三個(gè)模塊：分別是：渲染系統(tǒng)模塊、可響應(yīng)式系統(tǒng)模塊、應(yīng)用程序入庫(kù)模塊，本文主要介紹的是渲染系統(tǒng)模塊的實(shí)現(xiàn)，需要的可以參考一下2023-07-07
vuex新手進(jìn)階篇之a(chǎn)ctions的使用方法
actions用來(lái)處理mutations中的異步操作,觸發(fā)mutations中的函數(shù),下面這篇文章主要給大家介紹了關(guān)于vuex新手進(jìn)階篇之a(chǎn)ctions的使用方法,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-10-10