語法
自身對齊方式justify-self
Controlling how an individual item is aligned along its inline axis.
Overview
| Class | Declarations |
|---|---|
justify-self:value | justify-self: value;
|
justify-self:auto | justify-self: auto;
|
justify-self:normal | justify-self: normal;
|
justify-self:baseline | justify-self: baseline;
|
justify-self:left | justify-self: left;
|
justify-self:center | justify-self: center;
|
justify-self:right | justify-self: right;
|
justify-self:stretch | justify-self: stretch;
|
justify-self:start | justify-self: start;
|
justify-self:end | justify-self: end;
|
justify-self:flex-start | justify-self: flex-start;
|
justify-self:flex-end | justify-self: flex-end;
|
justify-self:self-start | justify-self: self-start;
|
justify-self:self-end | justify-self: self-end;
|
Conditionally apply
Apply styles based on different states using selectors and applying conditionally.
<div class="justify-self:auto:hover justify-self:auto@sm justify-self:auto@dark justify-self:auto@print">…</div>