1. ホーム
  2. 質問と答え
  3. HTMLテーブルセルのサイズを継承するように設定するにはどうすればよいですか？

HTMLテーブルセルのサイズを継承するように設定するにはどうすればよいですか？

2012-05-09 22 views

答えて

4 

.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

+0

なぜあなたは継承する必要があるのですか？ –

+1

実際にはありません。 '​​'の幅を '

'幅 - http://jsfiddle.net/CgEhg/2/に継承させることができますが、画像が比例して縮小されているのがわかりますそれは正方形ではありません –

+0

これを見てください：http://jsfiddle.net/CgEhg/3/ –

1

テーブルが伸張するように、その内容に応じて自動的に100％に設定します。

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


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

出典

2012-05-10 01:02:55

関連する問題

 関連する問題