爲什麼不溢出：隱藏在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

overflow:hidden上表細胞無法正常工作，如果你可以改變HTML，你應該使用一個div，而不是表。

但是，如果你可以做到這一點...那麼你應該添加display:inline-block到td。

Answer 2

根據w3schools： 溢出屬性只適用於具有指定高度的塊元素。

由於<div>是一個塊元素，您可以嘗試在您的<td>單元格中使用該元素，然後在其上應用該屬性。

另外，正如@Roberrt所評論的，這已經在這裏詳細解答了。

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

Answer 3

由於單元格的內容從不溢出在Y方向上的單元格。單元格高度將始終垂直增長以包含其內容。所以溢出屬性沒有任何用處。