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

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

青灯夜游
青灯夜游original
2020-12-21 16:31:253198parcourir

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.

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

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!

Déclaration:
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