*/ ?>

Electron では justify-content: end は効かないので flex-end にしよう

Electron のバージョン 13.6.9 で確認しました。

もともと justify-content: end はフレックスボックス内のアイテム以外にも適用されるやや広めな仕様であり、その実装はレンダラーに差があると言われていました。

対して flex-end はフレックスボックス内のアイテム専用のプロパティ(値)のため、より安全でありなおかつ将来的にもこちらをセットしておくほうが安心だ、とされています。

とはいえ Electron は実質 Chromium そのまんまだし、ブラウザ上で開発しているものと単純な CSS で差分が出るとは思いませんでした。

今後は普段の CSS でも flex-end を使っていくことを意識します。

みるみ
Follow Me!
みるみみるめも筆者

ブロガー、エンジニア。

詳しいプロフィールはこのページで色々書いてます。もやってます。

みるめも
1
コメントが正常に送信されました。承認されるまで表示されませんので二重投稿なさらないようご注意ください。