首頁(yè) 猿問(wèn) 有大佬遇到過(guò)這個(gè)問(wèn)題嗎：eleme...

有大佬遇到過(guò)這個(gè)問(wèn)題嗎：element-ui 的input 和 select框的寬度怎么回事哈啊？

JavaScript

千萬(wàn)里不及你 2019-10-10 17:34:54

請(qǐng)問(wèn)一下，element-ui的select框的寬度怎么配置呀input可以通過(guò)配置，但是似乎select不可以

查看完整描述

2 回答

陪伴而非守候

TA貢獻(xiàn)1757條經(jīng)驗(yàn) 獲得超8個(gè)贊

概念：element的布局是把一行分成24列，el-col的寬度只是在布局時(shí)，根據(jù)number值占據(jù)的列數(shù)，而input是屬于行內(nèi)替換元素，效果等于塊元素。會(huì)自然的撐到一行，而select是行內(nèi)元素，有自己的固定寬度值，如果你的el-col的寬度小于select的寬度，會(huì)縮短，但是如果大于，當(dāng)col的寬度超出時(shí)，select只顯示自己的寬度；解決方法：在select上設(shè)置style="width:100%"或者設(shè)置一個(gè)css類，也是設(shè)置寬度width:100%

1 反對(duì) 回復(fù) 2019-10-10