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

2017/12/19

Shinichiro Sakamoto

広告

結論から。

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

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


Warning: Invalid argument supplied for foreach() in /home/irohakasa/irohabook.com/public_html/wp-content/themes/child/single.php on line 125

広告

広告