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

Question

我有一个 flexslider 轮播，似乎对于尚未在 View 中的元素 dotdotdot 未正确应用于其中的某些元素，... 后似乎有一个文本

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

如果我调整窗口大小，它就会调整并工作，就像窗口 View 中的元素一样。不知道为什么它会发生在一个人身上而不是另一个人身上。

我正在使用 watch:true 在 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>