国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

所以我正在嘗試使用CSS Grid來(lái)制作一個(gè)類(lèi)似Pinterest的圖片畫(huà)廊。所以不同高度的圖片可以相鄰，并且每個(gè)圖片可以占用空白空間。但是我看到的所有示例都是根據(jù)他們想要的高度在每個(gè)圖片上添加不同的類(lèi)，而我想從數(shù)據(jù)庫(kù)動(dòng)態(tài)添加圖片。

我嘗試了這樣做：

<div className=‘gallery’>
<img className=‘image’> </img>
<img className=‘image’> </img>
<img className=‘image’> </img>
<img className=‘image’> </img>
</div>

我的CSS文件：

.gallery{
max-width: 80vh;
display: grid;
grid-template-columns:repeat(3,1fr);
}

.image{
max-width: 200px;
height: 100%;
object-fit: cover;
}

但是這樣小的圖片在同一行，大的圖片在另一行，而我希望它們是隨機(jī)的。

有沒(méi)有辦法在不為每個(gè)圖片添加不同的類(lèi)的情況下實(shí)現(xiàn)這一點(diǎn)？