Syntax

align-content

Controlling how multiple rows or columns are aligned along its cross axis.

Class	Declarations
align-content:`value`	align-content: `value`;
`content-normal`	`align-content: normal;`
`content-baseline`	`align-content: baseline;`
`content-center`	`align-content: center;`
`content-stretch`	`align-content: stretch;`
`content-start`	`align-content: start;`
`content-end`	`align-content: end;`
`content-flex-start`	`align-content: flex-start;`
`content-flex-end`	`align-content: flex-end;`
`content-around`	`align-content: space-around;`
`content-between`	`align-content: space-between;`
`content-evenly`	`align-content: space-evenly;`

Apply conditionally

Apply styles based on different states using selectors and conditional queries.

<div class="align-content:normal:hover align-content:normal@sm align-content:normal@dark align-content:normal@print">…</div>

Setting the accent color of user interface elements or controls.

Controlling how items are aligned along its cross axis.

Master UI

© 2025 Aoyue Design LLC.MIT License

Trademark Policy

Theme: