如何在多行情况下使用“省略号样式”？

Question

我陷入了这个小问题。请帮帮我。

--> Please Visit my fiddle (Click here).

1. 在这种情况下如何应用“省略号”样式？

2. 如何克服<pre> 和<td> 等障碍以适用<ellipsis> 样式？

3. 不要删除<pre>和<td>来解决这个问题。

谢谢你的帮助：D

Answer 1

为您的 hehe-text 和以下样式使用列表：

li { width: 100%; overflow:hidden; text-overflow: ellipsis; }

如果您愿意，也可以使用另一个块元素。