Maison > Article > interface Web > Quelle est la différence entre les éléments en ligne et les éléments de niveau bloc en HTML/css
Différences : 1. Les éléments en ligne n'occuperont pas toute la rangée et sont disposés en ligne droite, disposés horizontalement, tandis que les éléments au niveau du bloc occuperont une rangée et disposés verticalement ; 2. Les éléments de niveau bloc peuvent contenir des éléments en ligne et les éléments de niveau bloc ne peuvent pas contenir d'éléments de niveau bloc. 3. La largeur et la hauteur des éléments en ligne ne peuvent pas être définies.
Recommandé : tutoriel vidéo CSS, tutoriel HTML
éléments en ligne et La différence entre les éléments au niveau du bloc
1. Les éléments en ligne n'occuperont pas toute la ligne. Ils sont tous disposés sur la même ligne
Les éléments au niveau du bloc occuperont une rangée, disposée verticalement.
2. Les éléments de niveau bloc peuvent contenir des éléments en ligne et les éléments de niveau bloc ne peuvent pas contenir d'éléments de niveau bloc.
3. La différence entre les attributs des éléments en ligne et des éléments au niveau du bloc est principalement due aux attributs du modèle de boîte. La largeur définie pour les éléments en ligne n'est pas valide, la hauteur n'est pas valide (la hauteur de ligne peut être définie. ), la marge haut et bas n'est pas valide, et le remplissage haut et bas n'est pas valide.
Conversion entre les éléments en ligne et les éléments de niveau bloc
Les éléments en ligne sont convertis en éléments de bloc : display:block;
Les éléments de bloc sont convertis en éléments en ligne : display:inline;
Pour plus de connaissances sur la programmation, veuillez visiter : Enseignement de la programmation! !
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!