0

この画像が高さを幅に合わせて伸ばさない理由は何ですか?

Webkitのみ!

http://jsfiddle.net/CgEhg/8/

編集: 多くの人が問題を抱えています。Chrome を使用してください

4

3 に答える 3

1

異なるデータをレイアウトするための複数のテーブルと複数の画像がある場合を除き、tableまたはtdで同じスタイルを定義できimgます。 ChromeIEFirefox

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>

于 2012-05-10T02:27:27.640 に答える
0

これはあなたができる最善のことです: 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%;
}
于 2012-05-11T16:29:38.180 に答える
0

タグtdtable代わりにスタイルを設定する必要がありますimg

jsフィドル

于 2012-05-10T01:47:13.407 に答える