エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CSSでサムネイル画像を左右ピッタリにしてきれいに並べる小技 | IT女子のお気に入りフォルダ
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSSでサムネイル画像を左右ピッタリにしてきれいに並べる小技 | IT女子のお気に入りフォルダ
tableタグを使わずにcssだけでサムネイル画像をきれいに並べる小技です。cssだけといっても、いろいろ方... tableタグを使わずにcssだけでサムネイル画像をきれいに並べる小技です。cssだけといっても、いろいろ方法はありますが比較的記述の少ない方法を備忘録を兼ねてエントリーします。 「サムネイル画像を左右ピッタリにしてきれいに並べる」がどいういうことかというと、このようなレイアウトのことです。 薄いオレンジの横幅と左右ピッタリで9枚のサムネイル画像が並んでいます。floatを使ってずらっと並べればいいわけですが、今回の注目ポイントは左右がピッタリというところです。 サムネイル画像のボックスに付けたclassに一括でmarginを指定してしまうと といった具合に、両端に隙間ができたり、片方の端に隙間ができてしまいます。 単純に考えると一番端にくるボックスにのみ別の指定をすればいいのですが、個別にclassをつけるのはなんだかなーというわけで、 同じcssを指定しつつ左右をピッタリにす