Kakera.link

写真を並べてみる〜CSS編〜

いよいよCSSを追加します。

Flexboxを使うと左から順に並べてくれます。
style.cssにこちらを追加してください。

.images-wrap {
    display: flex;
    flex-wrap: wrap;
}

これで左から順に並ぶようになっています。
上のdisplay が左から並べる役割で、下の flex-warp が右まで行ったら折り返すという役割を担っています。

しかし実は、このままで表示しても思ったように表示されません。

最終更新: 2021/02/15 10:38