【週刊ドットインストール】 256timesのクラスを準備中、Ruby/Ruby on Railsのロードマップページを追加
お世話になっております。
justify-contentの余白について疑問に思ったので質問します。 今、containerの横幅が800pxでinfoが50%ですので400px、picではwidth:calc(50% - 32px);に指定されているので368pxになっています。 justify-content: space-between;を指定しないと左揃えでflex-growの初期値は0なので右側に32px余白が生じているかと思います。 justify-content: space-between;を指定した際、要素間で余白が均等に割り振らるはずですからinfoとpicの間に32px余白が生じると思いますが開発ツールのcomputedではboxのmarginなどは「-」でした。
justify-content
container
info
pic
width:calc(50% - 32px);
justify-content: space-between;
flex-grow
computed
box
margin
-
確認する方法は自分で計算するしかないのでしょうか。
ドットインストールは、3分動画でマスターできるプログラミング学習サービスです。
3分で気軽に学習でき、スマートフォンからも視聴可能です。ホームページやWebサービスの制作を通して、実践的にプログラミングを学べます。
他にも、ゲーム制作やデータ分析・機械学習・AIに使われる言語まで幅広くカバー。学びたい分野のレッスンがきっと見つかります。
この回答を見るにはプレミアムプランへの登録が必要です
お世話になっております。
justify-contentの余白について疑問に思ったので質問します。今、
containerの横幅が800pxでinfoが50%ですので400px、picではwidth:calc(50% - 32px);に指定されているので368pxになっています。justify-content: space-between;を指定しないと左揃えでflex-growの初期値は0なので右側に32px余白が生じているかと思います。justify-content: space-between;を指定した際、要素間で余白が均等に割り振らるはずですからinfoとpicの間に32px余白が生じると思いますが開発ツールのcomputedではboxのmarginなどは「-」でした。確認する方法は自分で計算するしかないのでしょうか。