ドロワーメニュー天地中央揃えなど少し

皆さんは、プログラミング学習してますか?経験者ですか?
実務ですでに使ってらっしゃいますか?

ハンバーガーメニューを押すとドロワーメニューがスッと出てきます。
スッと出てくる画面をドロワーって言ってるようです。
ヘッダーナビが並んでますよね。ドロワーの中に。

そのメニュー、私、よく縦書きみたいな表示になっちゃうんです。
正確に言うと、縦書きではなく、
3文字幅くらいで横並び(´;ω;`)若しくは
1文字ずつ改行されている(´;ω;`)

最初にこの表示になった時、めっちゃ焦ってググりました。
でもねー、こうやりますって書いてある記事は多いんだけど、
こうなりました。おかしいな。
こうして直しました。て記事が少ないんですよね。
てことが、ググってだんだんわかってきた。
だからまだまだ原因究明にめっちゃ時間かかるのです。^^;

メニューにdisplay:blockを設定していないことがある
 ほとんどの場合はPCなど幅が広いデバイスでの表示は
 横並びにメニューを出してると思います。
 その時点ではdisplay:flex;になっているので、横並びの設定を直します

メニューにマージンやパディングを設定していることがある
 メニューのパディング、マージンをいったん0にしてしまいましょう

2行になっちゃうとかはfont-sizeで調整かな?と思います。

他にこんなのあるよ!とかあったら教えていただけるとうれしいです^^
もちろん、上記の方法でできなかったよ!て場合もぜひ教えてください!
勉強の機会になります!
いつもありがとうございます!

コメントを残す