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

Question

我有一个 flexslider 轮播，似乎对于尚未在视图中的项目 dotdotdot 未正确应用于其中一些项目，...

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

如果我调整窗口大小，那么它会调整并像项目在窗口视图中一样工作。不知道为什么它发生在一个而不是另一个。

我正在使用 watch:true 在 flexslider 加载后直接调用。

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

jquery dotdot 插件（添加省略号）不适用于 Bootstrap 轮播

谢谢！

Answer 1

尝试这个：

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