[Angular8]サイトを簡単スタイリング！Angular Flex-Layoutの使い方をまとめてみた | DevelopersIOinline-flex inline-flexを設定することも可能です。 fxLayout="row inline"のように書くことでinline-flexとすることができます。 fxLayoutAlign 要素の整列順 設定したflex-directionの軸に対して子要素を左、右、中央揃えなど設定できます。 fxLayoutAlignの第1引数にメインの軸（rowであればx軸、columnであればy軸）の設定、第2引数に別軸をプラスして設定（rowであればy軸、columnであればx軸）できます。 デフォルトではfxLayoutAlign="start"が設定されています。 下記にいろんな設定を試した際の画面を載せていきます。 前提としてfxLayout="row wrap"を設定しておきます。 fxLayoutAlign="center" 要素が中央揃えになります。 <div cla
![[Angular8]サイトを簡単スタイリング！Angular Flex-Layoutの使い方をまとめてみた | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/07aa11b12376196229f0af49b9b58f3d8d0f1b87/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F06%2FAngular8.png)
