メインコンテンツまでスキップ

Align

align の Utility クラスです。

AlignItems​

align-items は start(flex-start), end(flex-end), center, baseline, stretch の 5 種類あります。

AlignContent​

align-content は start(flex-start), end(flex-end), center, between(space-between), around(space-around), stretch の 6 種類あります。

AlignSelf​

align-self は auto, start(flex-start), end(flex-end), center, baseline, stretch の 6 種類あります。',

AlignSelf​

各種 class は ab-{breakpoint}-{property} でレスポンシブ対応しています。

ab-flex-items-xx, ab-flex-content-xx, ab-flex-self-xx は非推奨​

align は flexbox のみに限定されていないため、ab-flex-items-xx, ab-flex-content-xx, ab-flex-self-xx を非推奨とし ab-items-xx, ab-content-xx, ab-self-xx を推奨とします。