javascript - dotdotdot在flexslider中显示…之后的多余文本

我有一个flexslider轮播，看来对于尚未在视图中显示的项目dotdotdot并未正确地应用于其中的某些项目，在...之后似乎出现了一个文本。

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



如果我调整窗口的大小，则它会根据窗口视图中的项目进行调整和工作。不知道为什么会发生一个而不是另一个。

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

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

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

谢谢！

最佳答案

尝试这个：

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

关于javascript - dotdotdot在flexslider中显示…之后的多余文本，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31059586/