Syntax
align-items
Controlling how items are aligned along its cross axis.
Overview
| Class | Declarations |
|---|---|
align-items:align | align-items: align;
|
align-items:normal | align-items: normal;
|
align-items:baseline | align-items: baseline;
|
align-items:center | align-items: center;
|
align-items:stretch | align-items: stretch;
|
align-items:start | align-items: start;
|
align-items:end | align-items: end;
|
align-items:flex-start | align-items: flex-start;
|
align-items:flex-end | align-items: flex-end;
|
align-items:self-start | align-items: self-start;
|
align-items:self-end | align-items: self-end;
|
align-items:center-content | align-items: center-content;
|
Conditionally apply
Apply styles based on different states using selectors and applying conditionally.
<div class="align-items:center:hover align-items:center@sm align-items:center@dark align-items:center@print">…</div>