https://www.tohoho-web.com/java/layout.htm
flowlayout 流し込み
wp-block-columns is-layout-flex
wp-block-column is-layout-flow
https://github.com/WordPress/gutenberg/issues/39336
重要なレイアウト コンポーネントを含むブロックを見ていくと、次のように分割します。
- これは、「lobotomized owl」セレクターを使用して垂直方向の
.is-layout-flow
間隔を管理し、フローティングされた子を含めることができます。これは、 ListやBlockquoteなどのより具体的なものとともに、GroupやColumnなどの一般的なテキスト コンテナーで使用されます。 - スタック(
.is-layout-stack
)。これはフローに似ていますが、フレックスボックス列を使用して位置合わせと簡単なギャップ調整を可能にします。これらには、 group のStackバリエーションと、垂直バージョンの NavigationおよびButtonsが含まれます。 - row ( )、ナビゲーションとボタンの水平バージョンやグループ2の行バリエーションなど、
.is-layout-row
水平にレイアウトされたもの1。 - グリッド(
.is-layout-grid
)、現在はギャラリーブロックのみです。
query-loopの、Inner blocks use content width off にするとis-layout-flow
onにすると、is-layout-constrainedクラスが追加される。