具有动态宽度单元格的固定表格答案

【问题标题】：fixed table with dynamic width cell具有动态宽度单元格的固定表格
【发布时间】：2014-12-18 07:14:54
【问题描述】：

我已经为此工作了好几天，但我无法在任何地方找到解决方案！

我在页面中使用了一个表格，我不能指定 table-layout 并且能够使其中一个单元格具有动态宽度，但是，不能指定“空白”或“溢出” . 如果我设置“表格布局：固定”，那么动态单元格宽度就会消失，但我可以指定“空白”和“溢出”。

两个都需要！ 我怎样才能仅使用 css 来完成这项工作？（为 Jukka 添加了粗体）

<table style="width: 50%;">
<tr>
   <td style="width: 20px;">1</td>
   <td style='overflow: hidden; white-space: nowrap;'>
       here is a really long string to hide
   </td>
   <td style='width: 20px;'>3</td>
</tr>
</table>

【问题讨论】：

是什么让您认为您不能使用自动布局指定“空白”或“溢出”？展示一个实际案例的例子，并准确地解释你想要什么。
@jukka 因为如果未指定固定表，这些声明将不起作用。根据原始帖子，我希望使用这两个声明以及具有动态宽度 . 的能力
确实如此。而且您没有提供任何有形可分析的东西。
这不是网络上任何其他帖子所说的，我也没有在我自己的项目中看到它。
这是一个小提琴jsfiddle.net/nmj0myh5

<table style="width: 50%;"> <tbody><tr> <td style="width: 20px;">1</td> <td style="overflow: hidden;height:20px;display: block;"> here is a really long string fdfddddddddddddddddddddddddddddddddddddddddddddddddddddddfdfd fdf df dfdfddddddddddddddddddddddddddddddddddddddddddddddddddddddddd fdfd fdfdto hide </td> <td style="width: 20px;">3</td> </tr> </tbody></table>