画像サムネイルHTMLサンプル

写真/画像をサムネイル一覧するHTMLサンプル。
サムネイル一覧のブロック全体はページ内で左右中央揃えし、ブロック内の画像は左寄せする。(ブロック全体を左右中央揃えするのにJavaScriptを使用。)
各画像はそれぞれの正方形ボックス内で上下左右中央揃えする。(<img>タグのobject-fit:contain;を使っている。) →→→<span>タグのbackground-imageを使っているサンプル