为什么图像不适合表格单元格

Question

我想知道为什么图像不拉伸整个表格单元格？

这是代码：

<td width="110" height="100" style="margin: 0; padding: 0; border: 1px solid rgb(0, 174, 239); background-color: #00FF00">
    <a target="_blank" href="http://mymed.com/provider.aspx?id=2611" xt="SPCLICKSTREAM" name="Kamin_1"><img style="width: 100%; height: 100%; display: inline-block;" alt="s, kam, MD" border=0 src="http://mymed.com/images/email/Physicians/Kaminski.jpg" name="Cont_19" /></a>
</td>

Answer 1

因为宽度和高度的百分比值包含块尺寸有关，并且锚标记（容器）没有任何明确的宽度/高度。

您需要显示锚标记，block然后应用，然后也设置其宽度/高度100%。

a {
    display: block;
    width: 100%;
    height: 100%;
}

此外，图像下方会有间隙，因为默认情况下图像在其基线中垂直对齐。为了解决这个问题，您应该按如下方式对齐图像：

img { vertical-align: bottom; }

另请注意，这不适用于表格单元格；所以你可以从 中删除无用的内联样式。margin margin: 0;<td>