所以，我正在制作一個網站，只使用 html css 和 javascript，我需要制作一個像這樣的影像網格，我嘗試使用 flexbox，但它實在是太糟糕了......
.row {
display: flex;
padding: 100px;
color: #A3A3A3;
}
.column {
flex: 50%;
align-items: center;
}
.home-6 {
height: 100vh;
width: 100%;
background-color: #DBDBDB;
}
.home-6 .row {
object-fit: cover;
}<div class="home-6">
<div class="row">
<div class="column-1">
<img src="assets/imgs/projetopessoal/Saba/saba/imghome/imghome.png">
</div>
<div class="column">
<img src="assets/imgs/projetopessoal/Aurora/aurora/imghome/imghome.png">
</div>
</div>
<div class="row">
<div class="column">
<img src="assets/imgs/projetopessoal/Tempodachuva/tempodachuva/imghome/imghome.png">
</div>
<div class="column">
<img src="assets/imgs/projetopessoal/Zinebrabas/zinebrabas/imghome/SCARRARD-Portfolio_imagem home_Zine.jpg">
</div>
<div class="column">
<img src="assets/imgs/projetopessoal/Bunker/bunker/home/imghome.png">
</div>
</div>
</div>它是怎么回事：
這是所需的輸出：
這是上面代碼給出的輸出：
我希望這對你有幫助。另外，祝你作業順利！謝謝！
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/459798.html
標籤：javascript html css