cssのdisplayをinline-blockにしても横並びにならない時にチェックすること

結論から。

  1. 子要素(横並びにしたいもの)がすべてinline-blockになっているか
  2. 子要素のwidthを設定しているか
  3. 子要素のwidthの合計値が親要素のwidthを超えていないか
  4. 親要素のwidthを設定しているか
  5. そもそも前に記述したcssが影響していないか

子要素をinline-blockにしてwidthを設定すると横並びになります。しかし親要素のwidthも(場合によっては)設定が必要です。子要素をきちんと設定しているのに横並びにならない!というときはだいたい親要素のwidthを設定していないことに原因があります。

広告

広告

広告

技術

言語

高校理系

高校文系

中学

小学

エッセイ

姉妹サイト