文章詳情頁(yè)
angular.js - 這種下拉框文字過(guò)長(zhǎng)時(shí)如何用“...”表示呢?
瀏覽:246日期:2024-09-18 17:39:19
問(wèn)題描述


這種下拉框文字過(guò)長(zhǎng)時(shí)如何用“...”表示呢?按第二個(gè)人回答的設(shè)置了一下不管用
問(wèn)題解答
回答1:原生的select,我也不知道怎么搞。。。
有兩個(gè)想法:
不用原生的select,自己寫一個(gè)select好了,一切都好控,而且也不難
option用js方法截?cái)嘁幌拢梢愿鶕?jù)字節(jié)長(zhǎng)度來(lái)截?cái)嗵砑拥絪elect里面
回答2:width:你要設(shè)置的寬度overflow:hiddentext-overflow:ellipsiswhite-space:nowrap
回答3:設(shè)置下拉框?qū)挾热缓笤O(shè)置display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
回答4:設(shè)置了一下不管用,看一下代碼已經(jīng)設(shè)置,效果沒變化
回答5:white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
這樣在超出父元素大小是會(huì)變成省略號(hào),如果沒有用 檢查一下父元素的寬度 是不是太寬了
相關(guān)文章:
1. javascript - sublime快鍵鍵問(wèn)題2. javascript - immutable配合react提升性能?3. 如何解決Centos下Docker服務(wù)啟動(dòng)無(wú)響應(yīng),且輸入docker命令無(wú)響應(yīng)?4. javascript - 移動(dòng)端上不能實(shí)現(xiàn)拖拽布局嗎?5. javascript - nodejs關(guān)于進(jìn)程間發(fā)送句柄的一點(diǎn)疑問(wèn)6. vue.js - Vue 如何像Angular.js watch 一樣監(jiān)聽數(shù)據(jù)變化7. 實(shí)現(xiàn)bing搜索工具urlAPI提交8. index.php錯(cuò)誤,求指點(diǎn)9. thinkPHP5中獲取數(shù)據(jù)庫(kù)數(shù)據(jù)后默認(rèn)選中下拉框的值,傳遞到后臺(tái)消失不見。有圖有代碼,希望有人幫忙10. javascript - ios返回不執(zhí)行js怎么解決?
排行榜

熱門標(biāo)簽
網(wǎng)公網(wǎng)安備