Img with max-height:100% 手动设置高度的拉伸表答案

【问题标题】：Img with max-height:100% stretches table with manually set heightImg with max-height:100% 手动设置高度的拉伸表
【发布时间】：2012-02-26 15:21:27
【问题描述】：

这是minimal code example on jsfiddle。

实际上，我想制作一个 2x2 的图像表格，固定其高度和行高，并使用 max-width 和 max-height 使图像选择它们的大小。但是由于某种原因，表格比它包含的 div 更大，并且 img height:100% 使它 100% 高，但不是容器的。为什么会这样？我在哪里可以阅读它？

【问题讨论】：

你可能想看看这个帖子。 stackoverflow.com/questions/5791033/…
AFAIK，这个问题是关于字母 g、q 等的内联元素中的额外下边距。无论如何，我已经尝试过了，但没有成功：(
@Vikas 打扰一下，那是我晚上提出的问题很糟糕:) 你回答的这个问题是正确的，但我还有另一个问题:)

标签： css image html-table percentage

【解决方案1】：

如果你真的在表格单元格的高度属性中定义高度，它似乎可以工作，如下所示：

<td height="20px">

【讨论】：

这样 o_0。为什么css没有？辩护词有区别吗？如果我为 table、tbody、tr、td 指定 height='100%' ，它仍然不起作用......
我不能告诉你...根据我的经验，如果某些东西在 html 中有效，并且它适用于所有浏览器并且实现起来并不难，那么您就可以使用它，因为您可以永远把你的头撞到墙上，试图弄清楚为什么 css 的行为不像它记录的那样，特别是为什么浏览器有看似完全不同的渲染方式，但这只是我自己的观点......