angular.js - 这种下拉框文字过长时如何用“...”表示呢?
PHPz
PHPz 2017-05-15 17:12:02
0
5
861

这种下拉框文字过长时如何用“...”表示呢?按第二个人回答的设置了一下不管用

PHPz
PHPz

学习是最好的投资!

Antworte allen(5)
黄舟

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

有两个想法:

  1. 不用原生的select,自己写一个select好了,一切都好控,而且也不难

  2. 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;

这样在超出父元素大小是会变成省略号,如果没有用 检查一下父元素的宽度 是不是太宽了

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage