这种下拉框文字过长时如何用“...”表示呢?按第二个人回答的设置了一下不管用
学习是最好的投资!
原生的select,我也不知道怎么搞。。。
有两个想法:
不用原生的select,自己写一个select好了,一切都好控,而且也不难
select
option用js方法截断一下,可以根据字节长度来截断添加到select里面
option
width:你要设置的宽度overflow:hiddentext-overflow:ellipsiswhite-space:nowrap
设置下拉框宽度然后设置display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
设置了一下不管用,看一下代码已经设置,效果没变化
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
这样在超出父元素大小是会变成省略号,如果没有用 检查一下父元素的宽度 是不是太宽了
原生的select,我也不知道怎么搞。。。
有两个想法:
不用原生的
select
,自己写一个select
好了,一切都好控,而且也不难option
用js方法截断一下,可以根据字节长度来截断添加到select
里面width:你要设置的宽度
overflow:hidden
text-overflow:ellipsis
white-space:nowrap
设置下拉框宽度然后设置display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
设置了一下不管用,看一下代码已经设置,效果没变化
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
这样在超出父元素大小是会变成省略号,如果没有用 检查一下父元素的宽度 是不是太宽了