search
New サムネイル PythonでSchema.orgのDate形式(ISO 8601)を扱う New サムネイル 分断するメディアとインターネットのユーザー:ライトノベル、キズナアイ、TikTokに思うこと New サムネイル Golangのchiを使ったrouterの例

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

広告

結論から。

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

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

広告

広告

広告

コンピューター コンピューター
プログラミング プログラミング
数学 数学
英語 英語
国語 国語
理科 理科
社会 社会

Python入門

Python入門

化学入門

化学入門

漢字辞典

漢字辞典

整数辞典

漢字辞典

Lord Candy

Lord Candy