ion-row

Rowsは gridシステムの水平コンポーネントであり、さまざまな数のcolumnsを含みます。 これにより、columnsが適切に配置されます。

詳しくは Grid Layout をご覧ください。

Rowの属性

デフォルトでは、columnsはrowの高さ全体に拡大され、必要に応じて折り返されます。 この動作をカスタマイズするために、rowに追加できる属性がいくつかあります。

Property	Description
nowrap	Adds flex-wrap: nowrap. Forces the columns to a single row.
wrap-reverse	Adds flex-wrap: wrap-reverse. The columns will wrap in reverse.
align-items-start	Adds align-items: flex-start. All columns will be vertically aligned at the top, unless they specify their own alignment.
align-items-center	Adds align-items: center. All columns will be vertically aligned in the center, unless they specify their own alignment.
align-items-end	Adds align-items: flex-end. All columns will be vertically aligned at the bottom, unless they specify their own alignment.
align-items-stretch	Adds align-items: stretch. All columns will be stretched to take up the entire height of the row, unless they specify their own alignment.
align-items-baseline	Adds align-items: baseline. All columns will be vertically aligned at their baselines, unless they specify their own alignment.
justify-content-start	Adds justify-content: start. All columns will be horizontally aligned at the start.
justify-content-center	Adds justify-content: center. All columns will be horizontally aligned at the center.
justify-content-end	Adds justify-content: end. All columns will be horizontally aligned at the end.
justify-content-around	Adds justify-content: space-around. All columns will be horizontally aligned with equal space around them.
justify-content-between	Adds justify-content: space-between. All columns will be horizontally aligned with a half-size space on either end.