登录

angular.js - 这种下拉框文字过长时如何用“...”表示呢?

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

# AngularJS
PHPz PHPz 2509 天前 744 次浏览

全部回复(5) 我要回复

  • 黄舟

    黄舟2017-05-15 17:14:02

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

    有两个想法:

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

    2. option用js方法截断一下,可以根据字节长度来截断添加到select里面

    回复
    0
  • 漂亮男人

    漂亮男人2017-05-15 17:14:02

    width:你要设置的宽度
    overflow:hidden
    text-overflow:ellipsis
    white-space:nowrap

    回复
    0
  • 習慣沉默

    習慣沉默2017-05-15 17:14:02

    设置下拉框宽度然后设置display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

    回复
    0
  • ringa_lee

    ringa_lee2017-05-15 17:14:02

    设置了一下不管用,看一下代码已经设置,效果没变化

    回复
    0
  • 我想大声告诉你

    我想大声告诉你2017-05-15 17:14:02

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

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

    回复
    0
  • 取消 回复 发送