ブログ

最新版ChromeでFlexboxが簡単に!!Posted by:岩下 雄一郎


こんにちは、株式会社インスパイアの岩下です。
当社は明日29日からG.Wに突入します。
とは言っても緊急事態宣言下なのでひたすら家で大人しくしておく予定です。
皆様はどの様に過ごしますか?


さて、今回はふと気付いた便利機能を紹介致します。



Chromeでデベロッパーツールを開き要素検証をするとFlexboxの部分の表記が若干以前と変わっています。

display:flex;の横に何やら新しいアイコンが



クリックすると感覚的に並び方や配置が変更出来るようになっています。
Flexは色々なプロパティが用意されていて正に柔軟に対応できるのでありがたいですが数が多く覚えるのが大変だったため非常にありがたいです。
日頃からFlexboxを使用されるという方、是非お試し下さい。当社では新人制作者が歓喜していました。



TOP