Les valeurs de l'attribut display dans h5 incluent block, inline, inline-block, none, table, flex, grid, list-item, Heherit, initial, etc. Introduction détaillée : 1. block, utilisez la valeur block pour afficher l'élément au niveau du bloc, c'est-à-dire que l'élément occupera une ligne et la largeur par défaut est 100 % de celle du conteneur parent 2. inline, utilisez l'inline ; valeur pour que l'élément s'affiche en ligne, c'est-à-dire que l'élément n'affichera pas de ligne exclusive, etc.
Le système d'exploitation de ce tutoriel : système Windows 10, ordinateur DELL G3.
En HTML5, l'attribut display est utilisé pour contrôler la façon dont les éléments sont affichés. Il définit la manière dont les éléments sont disposés et présentés sur la page. L'attribut d'affichage peut prendre diverses valeurs. Certaines des valeurs courantes seront présentées ci-dessous.
1. block (élément au niveau du bloc) : utilisez la valeur du bloc pour afficher l'élément au niveau du bloc, c'est-à-dire que l'élément occupera une ligne exclusive et que la largeur par défaut est 100 % du conteneur parent. Les éléments courants au niveau du bloc incluent
,
2. inline (élément en ligne) : utilisez la valeur inline pour afficher l'élément en ligne, c'est-à-dire que l'élément n'occupera pas une ligne par lui-même, mais sera affiché sur la même ligne que les autres éléments. Les éléments en ligne courants incluent , , , , , etc.
3. inline-block (élément de niveau bloc en ligne) : utilisez la valeur inline-block pour afficher l'élément au niveau du bloc en ligne, c'est-à-dire que l'élément est affiché sur la même ligne et des attributs tels que la largeur et la hauteur peut être réglée. Les éléments courants au niveau du bloc en ligne incluent ,
4. none (élément masqué) : utilisez la valeur none pour masquer l'élément, c'est-à-dire que l'élément ne sera pas affiché sur la page. Lorsque cette valeur est définie, l'élément n'occupera aucun espace. Ceci est utile lorsque vous devez afficher et masquer des éléments de manière dynamique.
5. table (élément de table) : utilisez la valeur de table pour afficher l'élément sous forme de tableau, c'est-à-dire que l'élément aura les caractéristiques d'un tableau, y compris les lignes et les colonnes du tableau. Les éléments de tableau courants incluent
, etc.
6. Flex (mise en page flexible) : utilisez la valeur flex pour organiser les éléments en utilisant une mise en page flexible. La disposition flexible peut ajuster automatiquement la taille et la position des éléments en fonction de la taille du conteneur pour obtenir des effets de disposition flexibles. En plus des valeurs ci-dessus, l'attribut display peut également prendre d'autres valeurs, telles que : -grid (disposition en grille) : utilisez la valeur de grille pour organiser les éléments en utilisant la disposition en grille. La disposition en grille divise la page en lignes et colonnes, ce qui facilite la disposition des éléments. - list-item : utilisez la valeur list-item pour afficher les éléments sous forme d'éléments de liste, c'est-à-dire qu'il y aura une puce ou un numéro devant l'élément. - hériter (hériter de l'attribut d'affichage de l'élément parent) : utilisez la valeur d'héritage pour hériter de l'attribut d'affichage de l'élément parent. - initial (valeur initiale) : utilisez la valeur initiale pour réinitialiser la propriété d'affichage à sa valeur initiale. Ci-dessus sont quelques valeurs d'attribut d'affichage couramment utilisées. En définissant l'attribut d'affichage, nous pouvons contrôler de manière flexible le mode d'affichage des éléments et obtenir divers effets de mise en page. 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!
Article précédent:Quels sont les inconvénients de l'affichage
Article suivant:Quelles sont les méthodes de positionnement fixe ?
Déclaration de ce site Web
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
Derniers articles par auteur
Derniers numéros
Rubriques connexes
Plus>
|