Question

我已经做了好几天了，我无法在任何地方找到解决方案！

我在页面中使用了一个表，我可以不指定table-layout并且能够使其中一个单元格成为动态宽度，但是，没有“白色空间”或“溢出”可以被指定。如果我设置'table-layout：fixed'，那么动态单元格宽度会消失，但我可以指定'white-space'和'overflow'。

我需要两个！ 如何才能使用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>

Answer 1

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

显示：块+高度：20px应该有帮助： - ）

固定表与动态宽度单元格

1 个答案: