dotdotdot 在 flexslider 之后显示额外的文本答案

【问题标题】：dotdotdot showing extra text after ... in flexsliderdotdotdot 在 flexslider 之后显示额外的文本
【发布时间】：2015-06-25 19:53:36
【问题描述】：

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

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

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

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

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

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

谢谢！

【问题讨论】：

我的浏览器 google chrome 上似乎没有发生这种情况，您在哪个浏览器上查看该页面？您可以随时将其添加到元素中：text-overflow: ellipsis;
在 Windows 上也使用 chrome。您的解决方案似乎运行良好，但由于 'white-space: nowrap;' 在内容中有一个 ...

标签： javascript jquery css dotdotdot

【解决方案1】：

试试这个：

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

【讨论】：

谢谢，但我不能设置宽度，不幸的是，这个解决方案只适用于一行，多行它不显示......最后，我很想用这个否则解决方案。