2020年1月22日よく見るレイアウトで、背景画像の中央にテキストが配置されているデザインってありますよね。コーディングに慣れた人なら、サクッと書いてしまうのですが、初心者からするとなかなかの難題です。有名なのは「position」を使う方法ですが、flexboxを使った方法があったので、忘備録として残しておきたいと思います。CodePen.こんな感じで、要素の中央にテキストが配置できます。必要なコードは、親要素に対して以下のコードを記述するだけ。auto;」とか、「position:relative;」を使わなくていいのは助かります。positionは理解するのに時間がかかり、いまだにじっくり考えてしまいます。✅なくそう!positionわけわからん!の壁!html,css初心者泣かせ(自分も泣いた)のpositionについて図解しました。2019年1月22日flexboxは超便利floatを学んでから、すぐにBootstrapのグリッドシステムを学習したので、flexboxについては、しっかり理解していませんでした。調べてみると、めちゃくちゃ便利ですね。画像の位置を交互に入れ替えたレイアウトだったり、要素を下で揃えたり、よく使いそうなものばかりで、覚えておいたほうがいいですね。BlogスポンサーリンクスポンサーリンクSearchWebコーダーKohei8年勤めた職場を退職し、完全未経験からWebコーダーに転職しました。