如何設置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表格單元格以繼承其大小？

回答

相關問題