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

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 ..."而不是整个数据.

请帮忙

谢谢Zeeshan

我怎样才能做到这一点.

Answer 1

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

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