この画像が高さを幅に合わせて伸ばさない理由は何ですか?
Webkitのみ!
編集: 多くの人が問題を抱えています。Chrome を使用してください
この画像が高さを幅に合わせて伸ばさない理由は何ですか?
Webkitのみ!
編集: 多くの人が問題を抱えています。Chrome を使用してください
異なるデータをレイアウトするための複数のテーブルと複数の画像がある場合を除き、table
またはtd
で同じスタイルを定義できimg
ます。 Chrome
IE
Firefox
Fiddle のサンプルhttp://jsfiddle.net/2BdQT/
また
css :
table, img
{
height:40px;
width:40px;
}
td,tr,tbody
{
width:100%;
height:100%;
}
<strong>html:
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="http://www.google.com/logos/2012/stgeorge12-hp.png"></td>
</tr>
</table>
</p>
これはあなたができる最善のことです: http://jsfiddle.net/CgEhg/41/
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="http://www.google.com/logos/2012/stgeorge12-hp.png" /></td>
</tr>
</table>
table{
height:40px;
width:40px;
}
img{
height:auto;
width:100%;
}
td,tr,tbody{
height:100%;
height:100%;
}
タグtd
のtable
代わりにスタイルを設定する必要がありますimg