Que signifie le bloc d'affichage en CSS

"display: block" en CSS signifie que l'élément occupe toute la largeur horizontale, s'étend de gauche à droite, commence une nouvelle ligne au-dessus ou en dessous d'autres éléments de niveau bloc et a une hauteur et une largeur personnalisées.

Signification du bloc d'affichage en CSS

En CSS, l'attribut "display" définit la façon dont un élément est affiché sur la page. Parmi eux, "display: block" est une valeur courante et importante, ce qui signifie que l'élément occupera toute la largeur horizontale.

Signification :

"affichage : bloc" précise qu'un élément sera affiché de la manière suivante :

• Occuper toute la largeur horizontale, en s'étendant de gauche à droite
• Commencer une nouvelle ligne au dessus ou en dessous d'un autre bloc -éléments de niveau
• Avoir une hauteur et une largeur personnalisées (sauf indication contraire)

Caractéristiques des éléments de niveau bloc :

Les éléments de niveau bloc ont les propriétés suivantes liées aux blocs :

• Organiser horizontalement, sans retour à la ligne
• Occupe toute la largeur disponible
• peut définir la hauteur et la largeur
• peut contenir d'autres éléments au niveau du bloc ou en ligne

Quand utiliser le bloc d'affichage :

"affichage : bloc" est généralement utilisé pour les éléments suivants éléments :

• Titre (< h1>, <h2>, etc.)
• Paragraphe (<p>)
• Liste (<ul>, <ol>)
• Tableau (<table&gt ;)
• Éléments de conteneur tels que div et span

Exemple :

Le style CSS suivant affichera l'élément au niveau du bloc :

element {
  display: block;
}

Cela fera que l'élément occupera toute la largeur horizontale et en démarrera une nouvelle. doubler.

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!