Maison  >  Article  >  interface Web  >  Quelles sont les valeurs de l'attribut display en css ?

Quelles sont les valeurs de l'attribut display en css ?

下次还敢
下次还敢original
2024-04-26 12:51:15828parcourir

L'attribut display en CSS contrôle la disposition des éléments. Ses valeurs possibles incluent : 1. Éléments de niveau bloc : block, inline-block ; 2. Éléments de liste : list-item ; légende du tableau, groupe de colonnes de tableau, groupe d'en-tête de tableau, groupe de pied de page de tableau, groupe de lignes de tableau, cellule de tableau, colonne de tableau, ligne de tableau 4. Éléments en ligne : en ligne, aucun 5 ; . Valeurs spéciales : flex, grid, content

Quelles sont les valeurs de l'attribut display en css ?

La valeur de l'attribut display en CSS

L'attribut display contrôle la façon dont les éléments sont disposés sur la page. Il peut prendre les valeurs suivantes :

Éléments de niveau bloc :

  • block : L'élément occupe sa propre ligne, occupant toute la largeur disponible.
  • inline-block : Similaire aux éléments en ligne, mais permet de définir la largeur et la hauteur.
  • list-item : Créez un élément de liste.
  • table : Créez une table.
  • table-caption : Créez un titre de tableau.
  • table-column-group : Créez un groupe de colonnes de table.
  • table-header-group : Créez un groupe d'en-tête de tableau.
  • table-footer-group : Créez un groupe de pied de page de table.
  • table-row-group : Créez un groupe de lignes de table.
  • table-cell : Créez une cellule de tableau.
  • table-column : Créez une colonne de tableau.
  • table-row : Créez une ligne de tableau.

Éléments en ligne :

  • en ligne : les éléments sont disposés sur la même ligne que les autres éléments.
  • aucun : L'élément n'est pas affiché.

Valeurs spéciales :

  • flex : Créez un élément avec une mise en page flexible.
  • grille : Créez un élément avec une disposition en grille.
  • contenu : Affiche le contenu de l'élément, mais pas l'élément lui-même.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn