html - 为什么不溢出:hidden work on a td?

Question

我有一个表，但 overflow: hidden 属性不起作用，这是为什么？

<table width="100%" style="table-layout:fixed">
  <tr height="200">
    <td width="100%" height="200" valign="middle" style="text-align: center; overflow: hidden;">
      <img src="http://salesdey.com/product_images/eb235de7eee13a0aa61dae2cc9de1f7e.gif" width="100" />
    </td>
  </tr>
</table>

Answer 1

根据 w3schools :overflow 属性仅适用于具有指定高度的 block 元素。

自 <div>是一个 block 元素，你可以尝试在你的 <td> 中使用它单元格，然后在其上应用该属性。

此外，正如@Robertrt 所评论的，这已经在此处进行了详细解答。

Why does overflow:hidden not work in a <td>?