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

結論から。

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

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

広告

広告

広告

姓名判断

漢字辞典

色辞典

数の辞典

高校化学専門サイト

Python解説サイト

© Irohabook