Quelle est la différence entre les éléments de niveau bloc et les éléments en ligne ?

La différence entre les éléments de niveau bloc et les éléments en ligne : les éléments en ligne peuvent être placés côte à côte avec d'autres éléments en ligne, tandis que les éléments de niveau bloc occupent une ligne exclusive et ne peuvent pas être placés côte à côte avec d'autres éléments. Les éléments en ligne ne peuvent pas être définis en largeur et en hauteur, mais les éléments au niveau du bloc peuvent être définis en largeur.

L'environnement d'exploitation de cet article : système Windows 10, HTML 5, ordinateur Acer S40-51.

Les différences entre les éléments de niveau bloc et les éléments en ligne sont :

(Partage vidéo d'apprentissage : tutoriel vidéo CSS)

1. Les éléments en ligne peuvent être placés côte à côte avec d'autres éléments en ligne ; les éléments au niveau du bloc occupent une ligne exclusive et ne peuvent pas être placés côte à côte avec d'autres éléments

2. et la largeur par défaut est la largeur du texte ; les éléments au niveau du bloc peuvent définir la largeur et la hauteur, si la largeur et la hauteur ne sont pas définies, la largeur sera par défaut à 100 % du parent.

Introduction connexe :

L'élément bloc est également connu sous le nom d'élément bloc (élément de bloc), et son homologue est l'élément en ligne (élément en ligne), qui sont des concepts dans la spécification HTML.

La différence fondamentale entre les éléments de bloc et les éléments en ligne est que les éléments de bloc commencent généralement sur une nouvelle ligne et que les éléments adjacents au niveau du bloc seront affichés sur des lignes différentes. Lorsque le contrôle CSS est ajouté, cette différence d'attribut entre les éléments de bloc et les éléments en ligne ne devient plus une différence.

Par exemple, nous pouvons ajouter un attribut tel que display:block à un élément en ligne, de sorte qu'il ait également l'attribut de partir d'une nouvelle ligne à chaque fois, c'est-à-dire qu'il devienne un élément de bloc de la même manière. , nous pouvons ajouter display: à un élément de bloc. Des attributs comme inline lui permettent d'être disposé sur une seule ligne.

Recommandations associées : Tutoriel CSS

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!