子要素間のマージンを自動で設定する【CSS】

余白調整用クラスを付けることなく子要素同士のマージンが設定できる地味に便利でニッチな小技。
親のクラス名 > * + * {
  margin-top: 1rem; /* 数字はお好みで */
}

補足:Bootstrap5なら.gap-や.g-クラスで代用できそう

この記事は役に立ちましたか?

はい!の方は以下をポチっと

ブログランキング・にほんブログ村へ

コメント欄

  1. freesyaj より:

    フォルダ内にある全画像を取得して表示する【PHP】にコメント欄がなかったのでこちらに書かせていただきます。
    HPに写真を掲載しているのですが、毎回ひとつ一つ書いていたのがサーバーに画像をアップするだけで表示されるようにできました。
    ありがとうございます。

    1. 管理人 より:

      お役に立てて何よりです。

      サイト拝見させていただきましたがどれも素敵な写真ですね。特に「道」シリーズが気に入りました。
      私も身近にこういう風景のあるような場所に住んでみたいものです。。

コメントを残す