display |
Affichage |
|---|---|
| Tailwind CSS | |
Classe
| display |
Description
Cet utilitaire définit le type d'affichage d'un élément (block, inline, flex, grid, etc.), modifiant la façon dont il se comporte dans le flux de la page.
Définition
| Classe | Styles |
|---|---|
| inline | display: inline; |
| block | display: block; |
| inline-block | display: inline-block; |
| flow-root | display: flow-root; |
| flex | display: flex; |
| inline-flex | display: inline-flex; |
| grid | display: grid; |
| inline-grid | display: inline-grid; |
| contents | display: contents; |
| table | display: table; |
| inline-table | display: inline-table; |
| table-caption | display: table-caption; |
| table-cell | display: table-cell; |
| table-column | display: table-column; |
| table-column-group | display: table-column-group; |
| table-footer-group | display: table-footer-group; |
| table-header-group | display: table-header-group; |
| table-row-group | display: table-row-group; |
| table-row | display: table-row; |
| list-item | display: list-item; |
| hidden | display: none; |
| sr-only | position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; |
| not-sr-only | position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip-path: none; white-space: normal; |
Dernière mise à jour : Vendredi, le 6 février 2026