html元素的設置高度不起作用

Question

爲什麼html元素如果他們不打算遵循它，就有max-height屬性。例如，我有表：

<table border="2" style="table-layout:fixed; max-height:20px;"> 
    <tr style="height:20px;"> 
     <td style="overflow:hidden; max-height:20px; overflow:hidden;"> 
      <img id="book" src="img/capture.png" alt="" style="position:relative; margin-top:0px;" /> 
     </td> 
    </tr> 
</table> 

，如果IMG恰好有一個高度超過20像素的錶行的高度將不等於20像素大。我該如何告訴html我希望表格行的高度爲20px？

編輯：

我知道我可以改變img的高度，但我不想扭曲IMG。

Answer 1

這可能與td不是display:block但實際上display:table-cell這一事實有關。我不認爲顯示器表格支持max-height。

難道你不想在<img>標籤上設置高度嗎？

參見：Setting max-height for table cell contents

Answer 2

表格元素具有足夠的靈活性來調整和適應它的內容。它實際上不受任何最大高度的限制。