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

我已经创建了一个表格，并且在该行的哪一列中有一些文本。但是在其中一篇文章中，文字太大了，它分两行。相反，我希望文本保持一行，并且不能出现在一行中的内容不应该出现，而应显示“...”代替该内容。我想为超出表列长度的文本插入“...”

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

我讲的第一行，其中有文本“杰出Techonologist计划”，以及表格的宽度设置为150像素，因此整个行不适合。

我想显示“Distinguished Techonol ...”而不是两行中的全部数据。

请帮

感谢 Zeeshan

我怎样才能做到这一点。

来源

2012-02-15 Zeeshan Rang

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

应用，为您的表格单元格。

来源

2012-02-15 04:38:00

+1，因为这是正确的解决方案;它确实有可变宽度列的限制（我的一些相关问题：http://stackoverflow.com/questions/8479703/different-interpretation-of-th-box-model-between-browsers） – 2012-02-15 04:39:48

是不是'文本-overflow'属性仍然是实验性的，并且提供来自任何浏览器的极小支持？ – Purag 2012-02-15 04:48:11

'text-overflow'支持早于IE6，所以我不知道你是从哪里得到的，@Purmou。资料来源：http：//www.quirksmode.org/css/contents.html#t413。至于变宽列，我总是使用'table-layout：fixed';） – 2012-02-15 05:04:49

table-layout:fixed;

是最好的，如果感觉comfortable..just尝试一下，看看

来源

2012-06-18 07:22:03

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

回答

相关问题