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

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