html - 我想为超出表列长度的文本插入 "..."

Question

我创建了一个表格，在该行的哪一列中有一些文本。但是其中一栏的文字太大，分成两行。取而代之的是，我希望文本保持在一行中，并且不应该出现在一行中的任何内容，而是显示“...”来代替它。

<table class="nav">
                  <tr><th>&nbsp</th></tr>
                  <tr><td id="selected"><a href="javascript:sayHello(3);">Distinguished Techonologist Program</a></td></tr>
                  <tr><td><a href="javascript:sayHello(4);">Mobile Solution</a></</td></tr>
                  <tr><td>HTML5 Canvas</td></tr>
                  <tr><td>Doamin Expertise</td></tr>    

我说的是第一行，其中包含文本“Distinguished Techonologist Program”，表格的宽度设置为 150px，所以整行都放不下。

我想用两行显示“Distinguished Techonol...”而不是整个数据。

请帮忙

谢谢泽山

我该怎么做。

Answer 1

white-space:nowrap;
overflow: hidden;
text-overflow: ellipsis; /* Magic happens here */

将其应用于您的表格单元格。