html - 親divを介して画像サイズを変更する

Question

私はそうしようとしましたが、サイズは変わりませんでした：

<div style="height:42px;width:42px">
   <img src="http://someimage.jpg">
</div>

何がサイズを変更しますか（img要素自体を編集/アクセスできません）？

前もって感謝します。

Answer 1

「画像にアクセスできません」とはどういう意味かわかりませんが、親divにアクセスできる場合は、次の操作を実行できます。

もみはあなたのdivにidまたはclassを与えます：

<div class="parent">
   <img src="http://someimage.jpg">
</div>

これをCSSに追加するよりも：

.parent {
   width: 42px; /* I took the width from your post and placed it in css */
   height: 42px;
}

/* This will style any <img> element in .parent div */
.parent img {
   height: 100%;
   width: 100%;
}

Answer 2

画像に幅と高さを適用100%します。

<div style="height:42px;width:42px">
  <img src="http://someimage.jpg" style="width:100%; height:100%">
</div>

このようにして、親と同じサイズになります。

Answer 3

実際に100％を使用しても、画像が指定したdivサイズよりも小さい場合、画像は大きくなりません。すべての画像をスペースに表示するには、寸法、高さ、または幅のいずれかを設定する必要があります。私の経験では、各行が同じサイズになるように高さを設定してから、すべてのアイテムが次の行に適切に折り返されるようにすることをお勧めします。これにより、fotolia.com（ストックイメージのWebサイト）と同様の出力が生成されます。

cssを使用：

parent {
   width: 42px; /* I took the width from your post and placed it in css */
   height: 42px;
}

/* This will style any <img> element in .parent div */
.parent img {
   height: 42px;
}

それなし：

<div style="height:42px;width:42px">
    <img style="height:42px" src="http://someimage.jpg">
</div>

Answer 4

私はこのようにしています：

<div class="card-logo">
    <img height="100%" width="100%" src="http://someimage.jpg">
</div>

およびCSS：

.card-logo {
    width: 20%;
}

私はこの方法を好みます、まるで私が高級化する必要があるかのように-私は150％も使うことができます

Answer 5

あなたの：

  <div style="height:42px;width:42px">
  <img src="http://someimage.jpg">

このコードを使用しても大丈夫ですか？

  <div class= "box">
  <img src= "http://someimage.jpg" class= "img">
  </div>

  <style type="text/css">
  .box{width: 42; height: 42;}
  .img{width: 20; height:20;}
  </style>

遅いけど、ただやってみた。：3これを読んでいる他の誰かのために、私がコードを書いた方法が良くなかったかどうか私に知らせてください。この種の言語では新しいです。そして私はまだもっと学びたいです。