如何设置HTML表格单元格来继承它的大小？

Question

我在桌子内有一张高度/宽度为100％的图像。 我定义了表格大小，但在我定义TD大小之前它不起作用。 如何让TD继承表大小，以便我不必在CSS中复制大小？

http://jsfiddle.net/CgEhg/

Answer 1

.g {
  width:40px;
  height:40px;
}

img {
  height:inherit;
  width:inherit;
}

td, tr, tbody {
  height:inherit;
  width:inherit;
}

<table class="g" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="http://www.google.com/logos/2012/stgeorge12-hp.png"></td>
  </tr>
</table>

<div class="g"><img src="http://www.google.com/logos/2012/stgeorge12-hp.png"></div>

Answer 2

除上述示例外，设置100％以使表格根据其内容自动拉伸。

   table
    {
        width:40px;
        height:40px;
    }


    td,tr,tbody
    {
        height:100%;
        width:100%;
    }