両端ブロック

子ブロックを両端に配置したいときに使用するブロックです。

子ブロックの幅はデフォルトでは子ブロックのコンテンツに応じて伸縮します(fit-content)。子ブロックの幅が大きくなり両端揃えを維持できなくなった場合は1カラムになります。

サンプル

Lorem ipsum dolor sit amet

consectetur adipisicing elit

設定

垂直配置

横並び時の垂直配置(align-items)を設定できます。

間隔

子ブロック間の最低限の間隔(gap)を設定できます。

子ブロックに追加される設定

推奨幅

推奨幅(flex-basis)を設定できます。

デフォルトは fit-content になっており、その子ブロックのコンテンツに応じて伸縮するようになっています。

目次

マニュアル