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

cssでfloatの代わりに横並びにする(display: inline-block)

広告

幅 240px の parent クラスの中に幅 80 px の child クラスを横並びに 3 つ並べたいときは次のようにする。

.parent {
    width: 240px;
}
.child {
    display: inline-block;
    vertical-align: top;
    width: 80px;
}

vertical-align を top にすると child クラスの要素が上でそろえられる。ポイントは次の二つ。

  1. display は inline-block
  2. 親要素と子要素のそれぞれに width を設定する(重要)

広告

広告

広告

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

Python入門

Python入門

化学入門

化学入門

漢字辞典

漢字辞典

整数辞典

漢字辞典

Lord Candy

Lord Candy