0

私はそのようなdivを持っています：

<div class="game_img_div">
<a href="./play.php?game=free-kick-fusion">
<img class="gamethumb" src= " ./images/thumbs/free-kick-fusion.jpg">
</img>
</a>
</div><!--game_img_div-->

.CSSには

img.gamethumb
{
height:6em;
}

したがって、画像はアスペクト比に応じてサイズ変更されます。たとえば、寸法（6em、Yem）があるとします。「.game_img_div」にもディメンション（6em、Yem）を設定します。

どうすればいいですか？ありがとう ！

4

4 に答える 4

2 
img.gamethumb {
    height:6em;
}
div.game_img_div {
    float:left;
}
于 2013-02-15T13:28:23.273 に答える
2

コンテナ div の表示タイプを変更します。

.game_img_div {
    display: inline-block; /* `display: table` also works */
}

http://jsfiddle.net/S8GK4/

于 2013-02-15T13:28:56.667 に答える
0

これでうまくいきます。

.game_img_div { float:left; }
img.gamethumb { float:left; }

http://jsfiddle.net/95ZUw/

于 2013-02-15T13:26:40.110 に答える
0

CSSを試してください：

div.game_img_div {width:auto; display:block; position:relative}
img.gamethumb {height: 6em; max-width:100%;}

そして、それがないimgタグ</ img>

于 2013-02-15T13:28:59.867 に答える