Quelles sont les valeurs de l'attribut display en css ? Quel est le rôle de chacun ?

Afficher la valeur de l'attribut :

(Tutoriel recommandé : démarrage rapide CSS)

• aucun Cet élément ne sera pas affiché.

• block Cet élément sera affiché comme un élément de niveau bloc, avec des sauts de ligne avant et après cet élément.

• en ligne par défaut. Cet élément sera affiché comme un élément en ligne sans saut de ligne avant ou après l'élément.

• inline-block Élément de bloc en ligne. (Nouvelle valeur en CSS2.1)

• list-item Cet élément sera affiché sous forme de liste.

• run-in Cet élément sera affiché sous forme d'élément de niveau bloc ou d'élément en ligne selon le contexte.

• compact Il existe une valeur compacte en CSS, mais elle a été supprimée de CSS2.1 en raison du manque de support généralisé.

• marker Il existe un marqueur de valeur dans CSS, mais il a été supprimé de CSS2.1 en raison du manque de support généralisé.

• table Cet élément sera affiché sous forme de tableau au niveau bloc (similaire à

  ), avec des sauts de ligne avant et après le tableau.

  inline-table Cet élément sera affiché sous forme de tableau en ligne (similaire à

  ), sans saut de ligne avant et après le tableau.

  table-row-group Cet élément sera affiché sous la forme d'un groupe d'une ou plusieurs lignes (similaire à

  ).

  table-header-group Cet élément sera affiché sous la forme d'un groupe d'une ou plusieurs lignes (similaire à

  ).

  (Recommandation du didacticiel vidéo : tutoriel vidéo CSS)

  • table-footer-group Cet élément sera utilisé comme a ou Afficher plusieurs lignes en groupes (similaire à

  ).

  table-row Cet élément sera affiché sous forme de ligne de tableau (similaire à

  ).

  table-column-group Cet élément sera affiché sous la forme d'un groupe d'une ou plusieurs colonnes (similaire à

  ).

  table-column Cet élément sera affiché sous forme de colonne de cellules (similaire à

  )

  table-cell Cet élément sera être affiché sous la forme d'un affichage de cellule de tableau (similaire à

  et

  ) table-caption Cet élément sera affiché sous forme de titre de tableau (similaire à inherit spécifie que la valeur de l'attribut display doit être héritée de l'élément parent. 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! Étiquettes associées： css display source：csdn.net Article précédent：Quelles sont les méthodes de mise en page courantes en CSS Article suivant：Questions d'entretien CSS classiques 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 Créer l'avenir : programmation Java pour les débutants absolus 2024-10-13 13:32:21 Vous n'êtes pas seul : maîtrisez Python avec une communauté de soutien à vos côtés 2024-10-12 11:58:51 Du novice au codeur : exploitez la puissance de la programmation Python 2024-10-11 20:06:51 Pensez comme un programmeur : apprendre les principes fondamentaux de Java 2024-10-11 18:59:31 Java Made Simple : un guide du débutant sur la puissance de programmation 2024-10-11 18:30:51 Créer un blog avec PHP : un projet adapté aux débutants 2024-10-11 15:51:51 Parlez le langage des systèmes : apprenez le C, une ligne à la fois 2024-10-11 15:42:10 Structures de données et algorithmes en C : une approche adaptée aux débutants 2024-10-11 14:41:20 Coder sans larmes : apprendre le C en toute simplicité 2024-10-11 14:08:31 Analyse de données avec Java : guide du débutant sur le traitement des informations 2024-10-11 13:42:21 Derniers numéros Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel Depuis 2024-04-16 10:10:18 0 0 1335 La page ne peut soudainement plus extraire le CSS ou le bootstrap Je suis donc en train de développer une page, j'en ai fait une partie hier et ça a très bi... Depuis 2024-04-06 21:58:04 0 1 800 Modifier dynamiquement les styles CSS en ligne dans Javafx J'essaie de changer l'image d'arrière-plan d'un volet lorsque l'application est agrandie. ... Depuis 2024-04-06 20:57:16 0 1 487 Comment empiler les éléments flottants verticalement plutôt qu'horizontalement en CSS ? J'essaie de créer une page Web avec deux colonnes, avec le contenu principal d'un côté et ... Depuis 2024-04-06 20:45:26 0 2 386 Existe-t-il un moyen de forcer le texte de la flexbox à être centré verticalement, quel que soit l'autre code CSS dont nous disposons ? J'ai le code CSS suivant qui fait partie d'un code CSS plus vaste utilisé dans un site Web... Depuis 2024-04-06 20:41:51 0 1 518 Rubriques connexes Plus> css centré sur CSS Comment insérer des images en CSS CSS au-delà de l'affichage... couleur de la police CSS qu'est-ce que le CSS Comment écrire un triangle en CSS CSS définir la couleur du texte Recommandations populaires Comment configurer CSS pour dépasser les ellipses d'affichage Comment définir la taille de la police en CSS Comment utiliser le survol en CSS Comment définir l'espacement des caractères en CSS Quelles sont les nouvelles fonctionnalités de CSS3 Tutoriels populaires Plus> Tutoriels associés Recommandations populaires Derniers cours Tutoriel vidéo Yexiutang HTML5+CSS3 9117 Démarrez rapidement avec CSS3 78409 Tutoriel vidéo avancé CSS3 22586 Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne) 1420229 temps d'étude Tutoriel vidéo JAVA pour débutants 2506828 temps d'étude Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle 505558 temps d'étude Introduction rapide au développement web front-end 215531 temps d'étude Maîtrisez les didacticiels vidéo PS à partir de zéro 884402 temps d'étude [Web front-end] Démarrage rapide de Node.js 7028 temps d'étude Collection complète de cours full-stack de développement Web étranger 5456 temps d'étude Aller au langage pratique GraphQL 4602 temps d'étude Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape 664 temps d'étude Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures 23273 temps d'étude Derniers téléchargements Plus> effets Web Code source du site Web Matériel du site Web Modèle frontal [bouton de formulaire] Code de contact du formulaire de message d'entreprise jQuery [Effets spéciaux du joueur] Effets de lecture de boîte à musique HTML5 MP3 [Navigation dans les menus] Effets spéciaux du menu de navigation d'animation de particules cool HTML5 [bouton de formulaire] Code d'édition par glisser-déposer du formulaire visuel jQuery [Effets spéciaux du joueur] Code du lecteur de musique Kugou imitation VUE.JS [effets spéciaux HTML5] Jeu de boîte de poussée HTML5 classique [Effets spéciaux d'image] défilement jQuery pour ajouter ou réduire des effets d'image [Effets d'album photo] Effet de zoom de survol de la couverture de l'album personnel CSS3 [Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure [Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches [Modèle frontal] Modèle Web de CV de travail créatif de concepteur [Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne [Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs [Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne [Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet [Modèle frontal] Modèle de site Web de service de trading de devises de style violet [Matériau PNG] Matériau vectoriel d'éléments d'été mignons (EPS+PNG) [Matériau PNG] Matériel vectoriel de quatre badges de graduation rouges 2023 (AI+EPS+PNG) [image de bannière] Oiseau chantant et chariot rempli de fleurs design matériel vectoriel de bannière de printemps (AI + EPS) [Matériau PNG] Matériau vectoriel de chapeau de graduation doré (EPS+PNG) [Matériau PNG] Matériel vectoriel d'icône de montagne de style noir et blanc (EPS+PNG) [Matériau PNG] Matériel vectoriel de silhouette de super-héros (EPS+PNG) avec des capes de couleurs différentes et des poses différentes [image de bannière] Matériel vectoriel de bannière Arbor Day de style plat (AI + EPS) [Matériau PNG] Matériel vectoriel de neuf bulles de discussion explosives de style bande dessinée (EPS+PNG) [Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure [Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches [Modèle frontal] Modèle Web de CV de travail créatif de concepteur [Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne [Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs [Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne [Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet [Modèle frontal] Modèle de site Web de service de trading de devises de style violet Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！ À propos de nous Clause de non-responsabilité Sitemap © php.cn All rights reserved