Javascript 文本溢出省略号在Windows中不起作用（IE 10）

如果DIV包含一个长句子，例如“如果每次我被告知我不能时我都有一角硬币”，我想显示：

 |if i had a dime for|
 |everytime i was... |

通过使用下面的代码，它在IOS和android中运行良好，但在windows（IE 10）中不起作用，请在这方面帮助我

<table>
   <tr>
      <td width="80%">
         <div style="width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:none;font-size:14px;">
               if i had a dime for everytime i was told i can't                                                         
         </div>
     </td>
     <td width="20%">
          <img src=""/>
     </td>
   </tr>

如果每次有人告诉我不行，我都能得到一角钱

---

您想要的效果是多行文本块用省略号截断

不幸的是，这是不可能的<代码>文本溢出：省略号仅适用于单行。它要求您指定

空白：nowrap

（您已经这样做了），并强制将整个文本放在一行上

这是标准，适用于所有浏览器，因此我不知道您如何在任何浏览器上获得所需的效果。据我所知，它肯定不会在IE或任何其他当前浏览器中工作

有一个扩展到

text overflow

，它允许在多行文本上使用省略号，但它仅受Opera支持，因此不值得一提。（但如果您感兴趣，语法是

文本溢出：-o-ellipsis-lastline

）

有一个纯CSS解决方案，但有点复杂。也许值得一试

您唯一的其他选择是某种javascript解决方案。

编辑 纠正自己；您需要有CSS溢出和宽度

---

}

另请参见：谢谢，但我需要第二行，请检查@user2677473-不能使用标准CSS在多行中完成<代码>文本溢出：省略号是专门为一行代码设计的。好的，我们有使用javascript的解决方案吗？如果是，你能分享吗

span {
border: solid 2px blue;
white-space: nowrap;
text-overflow: ellipsis;
width: 100px;
display: block;
overflow: hidden