dotdotdot在flexslider中显示...之后的额外文本

Question

我有一个flexslider轮播，似乎对于尚未查看的项目，dotdotdot未正确应用于其中一些，之后似乎有一个文本......

http://dusit.syndacast.com/dusitthani/bangkok/

如果我调整窗口大小，那么它会调整并按照窗口视图中的项目进行操作。不确定为什么它会发生在一个而不是另一个。

我正在使用手表：在flexslider加载后直接调用。

我从另一个线程找到了一个解决方案，但不确定如何将其应用于flex。

jquery dotdotdot plugin (adds ellipsis) not working with Bootstrap carousel

谢谢！

Answer 1

试试这个：

<div>hello world this is a long text</div>
<style>
div{
    width:50px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
</style>