html - HTML_ 省略記号_

Question

私はこの件について非常に興味があります。

---

<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。

ps。関連する「jqery.dotdotdot」プラグインを除いてください

---