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 */

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

Answer 2

 table-layout:fixed;

是最好的，如果感觉舒服..只是尝试并看到

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

2 个答案: