忽略td内容的宽度

Question

<table>
    <tr><td class='header'>Some looooong not important header</td><td class='header'>....</td>........</tr>
    <tr><td>Important data</td><td></td>.........</tr>
</table>

如何忽略CSS中标题的内容宽度？我的意思是，“一些looooong不重要的标题”必须裁剪为“重要数据”的宽度，并且必须隐藏溢出（不转移到下一行）。

没有硬编码宽度的版本呢？

Answer 1

<table>
<tr><td><div class="crop">Some looooong not important header</div></td>
    <td class='header'></td>
</tr>
<tr>
    <td class="width">Important data</td>
</tr>
</table>

和CSS

.crop {width:100px;overflow:hidden;height:50px;line-height:50px;}
.width {100px;}

我在这里有一个演示http://jsfiddle.net/Azzamean/qzgnkapw/

如果您不想硬编码td的宽度，那么只需弄清楚它的宽度是什么，并在不重要文本的div上为您的类设置。