Javascript 文本溢出不起作用

我的页面我有一个面板和一个表在面板中，这是我的代码

我的代码有问题，在表的

td

中有文本，我设置了

text overflow

，但它没有正确显示。它显示如下：

但我想要这样的文本显示：

---

我该如何修复它呢？

增加div的高度。我认为，由于尺寸较小，它会显示出这样的效果

试试这样的效果，

更改代码

来自此

.info-table td {
    overflow: hidden;
    text-overflow: inherit;
    white-space: pre-line;
}

.info-table td {
    overflow: hidden;
}

到此

.info-table td {
    overflow: hidden;
    text-overflow: inherit;
    white-space: pre-line;
}

.info-table td {
    overflow: hidden;
}

编辑的代码

---

希望它能帮助你，消除文本溢出和空白的td

.info-table td {
overflow: hidden;
}

删除

空白：nowrap属性，您将获得

您可以为段落设置一个类，以便于管理：

<p class="text">...............</p>

实际上溢出只在一行上起作用，这就是为什么您的所有内容都收缩到一行上

您可以像这样使用一些jQuery/Javascript库，或者使用这个tuts尝试一个纯css解决方案
为什么使用
空白：nowrap，删除它并查找结果。FLCL说删除空白：nowrap；在这里可以看到删除
空白的结果：nowrap不会执行OP想要的操作。只有在显示更多字符后，他才想将其包装。因为他在他的例子中两次使用同一个文本，所以很混乱。但是他想在第一个流苏之后剪切文本。
文本溢出：省略号不适用于多行字符串@FLCL:your right，但它不显示。。。最后。我希望文本显示像我上传的第二张图片。我希望文本显示像我上传的第二张图片，你的代码不显示。。。最后，@ElhamGdz只需将max width从中删除，这是理解OP问题的唯一答案，因此看起来=）。有没有交叉浏览器的替代方案？@Felix:你的答案对于chrome来说是正确的，它在FireFox中不起作用，你有什么想法吗？对于FireFox，替代方法是使用淡出回退，请查看
csstricks
中的这篇文章：