私はHTMLが初めてです。私はHTMLで9 picutresを行い、このコードがあります：私は、私はこのようなこれらの写真を作ることができるかと思いましてHTMLの画像の場所は、誰も知っていますか？
<a href=""><img src="fotos/photo.jpg" style="width: 160px; height: 160px;"></a>
を：
https://gyazo.com/cde734a459da86698fcb60363cdea272
これを持つフレームワークを使う方が良いでしょうか？ HTML？
フレックスボックスで行うことができます。例：
<html>
<style>
.container{
display:flex;
flex-wrap:wrap;
width:100vw;
}
.image{
display:flex;
width:33.3vw;
}
</style>
<div class="container">
<div class="image"><img src="https://i.imgur.com/0I7wcbT.jpg"></div>
<div class="image"><img src="https://i.imgur.com/0I7wcbT.jpg"></div>
<div class="image"><img src="https://i.imgur.com/0I7wcbT.jpg"></div>
<div class="image"><img src="https://i.imgur.com/0I7wcbT.jpg"></div>
<div class="image"><img src="https://i.imgur.com/0I7wcbT.jpg"></div>
<div class="image"><img src="https://i.imgur.com/0I7wcbT.jpg"></div>
<div class="image"><img src="https://i.imgur.com/0I7wcbT.jpg"></div>
<div class="image"><img src="https://i.imgur.com/0I7wcbT.jpg"></div>
<div class="image"><img src="https://i.imgur.com/0I7wcbT.jpg"></div>
</div>
</html>
これはありがとうございます！ – thomasoverflow
display flexを使用します。
CSS
.container {
width: 600px;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly
}
HTMLあなたがこれを行うことができますCSSを使用して
<div class="container">
<a href=""><img src="fotos/photo.jpg" style="width: 160px; height: 160px;"></a>
<!-- 9 times -->
</div>
相続人jsfiddle
...だけでなく、https://getbootstrap.com –
であなたを見てみましょうあなたが望むものを記述しなければなりませんが、[こちらのアイデアは]（https://css-tricks.com/seamless-responsive-photo-grid/）です。そのサイトの要件に近いものがおそらくあります。 –
[HTML/CSSで3列の完全に反応するイメージグリッドを作成する方法]（https://stackoverflow.com/questions/15550974/how-to-make-a-3-columnfullyresponsive- image-grid-in-html-css） –