如何设置HTML表格单元格以继承其大小？

我在桌子里面有一个高度/宽度为100％的图像。我定义了表格的大小，但是直到我定义了TD的大小之后，它才起作用。如何让TD继承表的大小，以便我不必在CSS中复制大小？如何设置HTML表格单元格以继承其大小？

2012-05-09 Registered User

.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>

来源

2012-05-09 00:10:07

请问为什么你需要它继承？ –

不太可能..你可以设置''的宽度，使它真的继承'

'width - http://jsfiddle.net/CgEhg/2/，但正如你所看到的，图像比例缩小它不是方形 –

看看这个：http://jsfiddle.net/CgEhg/3/ –

除了上述例子中，以使表延绵自动根据其内容设定为100％。

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


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

来源

2012-05-10 01:02:55

如何设置HTML表格单元格以继承其大小？

回答

相关问题