html - 如何设置 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%;
    }