justify-content: centerで中央揃えできない？原因と使い方を解説
Figmaのデザインを見ながら模写コーディングをしているとき、justify-content: centerを指定しているのに、要素が思った位置に来ないことがありました。 たとえば、ボタンに次のようなCSSを指定していま … 続きを読む
中央寄せ
display: flexとinline-flexの違い｜margin: autoで中央揃えできなかった理由
Figmaのデザインを見ながら模写コーディングをしていたとき、ボタンを中央に配置しようとして少しつまずきました。 ボタンの中の文字を中央に配置するため、最初に書いていたCSSがこちらです。 justify-content … 続きを読む
CSSで中央寄せする方法｜効かない原因と対処法も解説
CSSでレイアウトを作っていると、「文字を真ん中に置きたい」「ボックスを画面の中央に配置したい」という場面がよくあります。 ところが、text-align: center;を指定したのに要素が動かなかったり、margin … 続きを読む