Quelles sont les valeurs d'affichage en CSS

La valeur de l'attribut Display définit la forme d'affichage de l'élément dans le document : Block : élément de bloc, occupe toute la largeur de la ligne et peut contenir des éléments en ligne. Inline : les éléments en ligne ne peuvent définir que la largeur et ne peuvent pas contenir d'éléments de bloc. Inline-block : combine les caractéristiques des éléments de bloc et des éléments en ligne, et peut inclure des éléments en ligne. Aucun : masque l'élément et n'occupe plus l'espace du document. Flex : un conteneur évolutif qui contrôle la disposition et la taille des éléments. Grille : disposition en grille, qui peut créer une disposition avec plusieurs colonnes et plusieurs lignes. Table : élément de table composé d'un en-tête de table, d'un corps de table et d'un pied de table.

Valeur de la propriété Display en CSS

La propriété Display définit l'apparence d'un élément dans le document et détermine la manière dont l'élément est affiché. Il a les valeurs principales suivantes :

1. Block

• Élément de bloc, occupant la largeur de toute la ligne
• Vous pouvez définir la hauteur et la largeur
• Peut contenir des éléments en ligne

2.

Les éléments en ligne n'occupent pas toute la ligne
• Seule la largeur peut être définie, mais la hauteur ne peut pas être définie
• Ne peut pas contenir d'éléments de bloc

3. éléments de bloc et éléments en ligneoccupe une partie La largeur de la ligne

peut définir la hauteur et la largeur
• peut contenir des éléments en ligne
• 4 Aucun

Éléments cachés Les éléments n'occupent plus d'espace dans le. document

• 5. Flex

Conteneur évolutif pour allouer de l'espace entre les élémentsPeut contrôler la disposition et la taille des éléments

• 6. disposition des lignes
• Peut contrôler la position et la taille des éléments

7. Table

• Élément de table, utilisé pour afficher les données
• Composé d'un en-tête de table, d'un corps de table et d'un pied de table

Autres valeurs :

• run-in
• list-item

table-celltable-column-group

table-column
• table-footer-group
• table-header-group
• table-row
• table -row-group

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!