html - div 内で 4 つの要素を均等に引き伸ばす

Question

幅が 100% の div があります。その中には4枚の画像があります。ウィンドウまたは画像の間にスペースがないように、画像がすべて同じ幅になるように画像を引き伸ばすにはどうすればよいですか。

それぞれがスタイル設定された 4 つのセルを含む表の行はwidth:100%;、簡単な解決策のように思えます。しかし、それを提案しただけで怒られることはわかっています。:)

Answer 1

div の幅が 100% で、そのスペースを均等に共有する必要がある 4 つの div がある場合、100 を 4 で割ると 25 になります。したがって、それらの幅を 25% に設定します。また、境界線/余白を必ず取り除いてください。それは物事を台無しにするでしょう。

.myDivs{
  width: 25%;
  margin: 0;
  border: 0;
  float: left; // Forces divs to flow left to right as opposed to down.
}

Answer 2

このように幅を設定できます

<div style="width:100%;height:300px;padding:0;">
    <img src="path" width="25%;padding:0;margin:0;"/>
    <img src="path" width="25%;padding:0;margin:0;"/>
    <img src="path" width="25%;padding:0;margin:0;"/>
    <img src="path" width="25%;padding:0;margin:0;"/>
</div>

divには幅があるため、25％の幅が考慮されます