justify-content の余白の大きさを確認する方法はありますか?

自分で計算するしかありません。
2021年3月25日
ユーザー

お世話になっております。

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;を指定した際、要素間で余白が均等に割り振らるはずですからinfopicの間に32px余白が生じると思いますが開発ツールのcomputedではboxmarginなどは「-」でした。

確認する方法は自分で計算するしかないのでしょうか。

この回答を見るにはプレミアムサービスへの登録が必要です

プレミアムサービスとは?