問(wèn)題描述

這種下拉框文字過(guò)長(zhǎng)時(shí)如何用“...”表示呢？按第二個(gè)人回答的設(shè)置了一下不管用

問(wèn)題解答

原生的select，我也不知道怎么搞。。。

有兩個(gè)想法：

不用原生的select，自己寫一個(gè)select好了，一切都好控，而且也不難

option用js方法截?cái)嘁幌拢梢愿鶕?jù)字節(jié)長(zhǎng)度來(lái)截?cái)嗵砑拥絪elect里面

width:你要設(shè)置的寬度overflow:hiddentext-overflow:ellipsiswhite-space:nowrap

設(shè)置下拉框?qū)挾热缓笤O(shè)置display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

設(shè)置了一下不管用，看一下代碼已經(jīng)設(shè)置，效果沒變化

white-space: nowrap;overflow: hidden;text-overflow: ellipsis;

這樣在超出父元素大小是會(huì)變成省略號(hào)，如果沒有用 檢查一下父元素的寬度 是不是太寬了