サムネイルの一覧表示 - ギャラリー型 - ホームページのレイアウトここでは画面全体にサムネイルなどの画像を大量に表示するレイアウトについて見ていきます。個々の画像はバラバラの大きさでも構いませんが、見た目を重視するのであれば画像のサイズを統一するか、画像の大きさはバラバラであってもその画像を入れる枠を作り、枠のサイズを統一しておくといいかと思います。 全体の構成としては下記のようになります。 画像を格納するための領域を<div>要素で定義し、必要な数だけ追加していきます。 全体をヘッダー、コンテンツ領域、フッターの3つの分けるところまでは、『基本構成』を参照して下さい。下記のようになります。 body{ margin:0; padding:0; background-color:#dcdcdc; } #wrapper{ margin:0; padding:0; background-color:#ffffff; } #header{ margin:0;
【図解】CSSだけで画像の縦横比を維持したサムネイルを表示する - Qiita
