1

我对这件事非常好奇。

<table border="1">
<tr>
<th>header 1</th>
<th>header 2</th>
</tr>

<tr>
<td>
    <pre style="text-overflow:ellipsis; white-space:nowrap; overflow:hidden;">
           1. Lorem ipsum is simply dummy text of the printing
           2. and typesetting industry. 
           3. lorem ipsum has been the industry's standard dummy 
           4. text ever since
           5. the 1500s when an unknown printer took
           6. a galley of type and screambled it to make a type
           7. specimen book. it has survived not only five
    </pre>
    </td>
</tr>
</table>

做出结果（预期结果<td>：）

   1. Lorem ipsum is simply dummy text of the printing
   2. and typesetting industry. 
   3. lorem ipsum has been the industry's standard dummy 
   4. text ever since ...

但现在，我的结果是

   1. Lorem ipsum is simply dummy text of the printing 2. and typesetting industry.3. lorem ipsum has been the industry's standard dummy 4. text ever since ...

为什么是连接的？

在这种情况<td>和<pre>等级是多行使用“省略号”的障碍。那么我该如何克服这个问题呢？

环境：jquery-2.0.3。

附言。请除了相关的'jqery.dotdotdot'插件

4

1 回答 1

1

问题在于white-space:nowrap;CSS 代码。这是覆盖预先格式化的文本。在这个小提琴中检查它。

于 2013-10-02T00:35:06.000 回答