Quelles sont les valeurs des attributs d'affichage en html ?

Les valeurs des attributs d'affichage​​en HTML incluent none, block, inline, inline-block, flex, grid, table, etc. Introduction détaillée : 1. aucun, définissez l'élément à ne pas afficher, c'est-à-dire masquez l'élément. L'élément masqué n'occupe pas l'espace de la page et n'affectera pas la mise en page. 2. bloquez, définissez l'élément à afficher comme ; un élément de niveau bloc L'élément occupera sa propre ligne et des attributs tels que la largeur, la hauteur, les marges et le remplissage peuvent être définis 3. en ligne, etc.

Le système d'exploitation de ce tutoriel : système Windows 10, ordinateur DELL G3.

L'attribut display en HTML est utilisé pour définir la manière dont les éléments sont affichés. L'attribut d'affichage a plusieurs valeurs. Les valeurs d'attribut couramment utilisées incluent :

1 : définissez l'élément à ne pas afficher, c'est-à-dire masquez l'élément. Les éléments masqués n'occupent pas l'espace de la page et n'ont aucun impact sur la mise en page.

2. `block` : définissez l'élément à afficher en tant qu'élément de niveau bloc. Les éléments au niveau du bloc occupent leur propre ligne et peuvent définir des propriétés telles que la largeur, la hauteur, les marges et le remplissage. Les éléments courants au niveau du bloc incluent div, p, h1, etc.

3. `inline` : définissez l'élément à afficher en tant qu'élément en ligne. Les éléments en ligne n'occupent pas une ligne par eux-mêmes et peuvent être affichés sur la même ligne que les autres éléments. Les éléments en ligne courants incluent span, a, img, etc.

4. `inline-block` : définissez l'élément à afficher en tant qu'élément de niveau bloc en ligne. Les éléments en ligne au niveau du bloc peuvent être affichés sur une seule ligne et des propriétés telles que la largeur, la hauteur, les marges et le remplissage peuvent être définies. Les éléments courants au niveau du bloc en ligne incluent l'entrée, le bouton, etc.

5. `flex` : définissez l'élément à afficher dans un modèle de boîte flexible. Le modèle de boîte flexible peut mettre en œuvre une disposition flexible et définir des attributs tels que la direction de la disposition, l'alignement et l'ordre de disposition des éléments. Les attributs courants du modèle de boîte flexible incluent la direction flexible, le contenu justifié, les éléments d'alignement, etc.

6. `grid` : définissez les éléments à afficher dans un modèle de disposition en grille. Le modèle de disposition en grille peut implémenter des dispositions bidimensionnelles complexes et définir des attributs tels que la position, la taille et l'espacement des éléments sur les lignes et les colonnes. Les propriétés courantes de disposition de la grille incluent les lignes de modèle de grille, les colonnes de modèle de grille, l'espace de grille, etc.

7. `table` : définissez l'élément à afficher dans la disposition du tableau. La disposition du tableau peut implémenter une structure de type tableau et définir des propriétés telles que les bordures, l'espacement et l'alignement des cellules. Les attributs courants de disposition de tableau incluent la disposition du tableau, la réduction des bordures, l'alignement du texte, etc.

En plus des valeurs d'attribut communes ci-dessus, il existe également d'autres valeurs d'attribut d'affichage, telles que `inline-table`, `list-item`, `run-in`, etc., qui peuvent être sélectionnées et utilisées en fonction à des besoins spécifiques. Dans les applications pratiques, nous pouvons sélectionner de manière flexible différentes valeurs d'attribut d'affichage selon les besoins pour obtenir différentes mises en page et effets d'affichage.

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!