CSSでテキストを上下中央寄せにする方法マンガでわかるホームページ作成ホームへCSSでテキストを上下中央寄せにする方法2020年02月24日CSSでテキストを上下中央寄せにすること、よくありますよね。意外とやり方がわからないものです。そんな「テキストを上下中央寄せにする方法」を説明します。結論display:flexを使う【オススメ】paddingで調整【カンタン】display:table-cellを使う以下で詳しく説明します。CSSやhtmlの基本をしっかり理解すると、この記事の内容もより理解できるようになりますよ。↓CSSやhtmlを楽しく学べるようにマンガを描きましたのでゼヒご覧ください↓htmlやCSSをマンガで楽しく学ぼう【180ページ単行本1冊相当量】htmlから収益化までホームページ作成の基本をひととおり、マンガでクスっと笑いながら学べます。9年間ホームページを作ってきた作者の実績に基づき作られた確かな内容です。この記事を読む方法1.display:flexを使う高さを指定したいときはdisplay:flexを使いましょう。この方法ならテキストじゃなくでブロックでも同様に上下中央寄せができます。高さを指定しなくていいときはpaddingでさくっと調整しましょう。}方法3.display:table-cellを使うあまりオススメしませんが、一応できます。#f2f2f2;}</style>まとめdisplay:flexを使うpaddingで調整display:table-cellを使う以上、CSSでテキストを上下中央寄せにする方法でした。「この記事の内容がよくわからなかった...」「なんかうまくいかなかった...」というかたは下記記事↓でhtmlとCSSの基本を学びましょう。わからないまま突き進むより基本を学ぶのが結局近道です。htmlやCSSをマンガで楽しく学ぼう【180ページ単行本1冊相当量】htmlから収益化までホームページ作成の基本をひととおり、マンガでクスっと笑いながら学べます。9年間ホームページを作ってきた作者の実績に基づき作られた確かな内容です。マンガでわかるホームページ。