日報#28|左右中央に揃えたい！！！

2026年10月2日

1.本日の作業内容
⬛︎HTML, CSSを使って簡単なWebサイトのコーディングをした。
・新しく学ぶというよりも、今まで学んできたことを使ってのコーディング。

2.直面した問題点
＜問題点＞
⬛︎テキスト等を左右中央に揃えるのが難しい。
・margin: 0 auto; が効かないことがある。
・display: flex; をmainに指定したとしても、直下の子要素にしか効かない。
　直下の子要素なのに突然効かない現象も発生。

＜対応＞
⬛︎margin: 0 auto; を使う場合は、widthが設定されている必要がある。
⬛︎flexが突然効かなくなる現象は未だ原因不明。。。
・とりあえず、もう一度flexを指定してみたところ、問題なく使えた。
・その要素にflexが効いていないのではなくて、
　指定する方法やスペルミス等がありそう。。。

3.残っている課題△、進行中の作業⬜︎、明日の予定⬛︎
△flexが効かない原因を突き止める。
⬜︎簡単なwebサイトのコーディング：左右中央揃え
⬛︎明日・明後日はお休み。次回は月曜日予定。
　左右中央揃えを攻略して、サイトを完成させる！

4.気づき、学び
　何度かwebサイトのコーディングの練習をしているけれど、毎回”左右中央揃え”の部分で詰まっている感じ。今後はスムーズに進められるように、今回はちゃんと理解してある程度使いこなせるようになりたい！そのためにもmarginのautoとflexの理解は重要！！！