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