Maison  >  Article  >  interface Web  >  La largeur et la hauteur des balises HTML en ligne peuvent-elles être définies ?

La largeur et la hauteur des balises HTML en ligne peuvent-elles être définies ?

青灯夜游
青灯夜游original
2021-06-21 11:54:155437parcourir

La largeur et la hauteur ne peuvent pas être définies pour les balises HTML en ligne, et la définition des valeurs des attributs de largeur et de hauteur sur celles-ci ne prendra pas effet. La largeur et la hauteur dépendent entièrement du contenu. La hauteur, la hauteur de ligne, les marges et le remplissage des étiquettes en ligne ne peuvent pas être modifiés ; la largeur est la largeur de son contenu (texte ou image) et ne peut pas être modifiée.

La largeur et la hauteur des balises HTML en ligne peuvent-elles être définies ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

En HTML, les balises peuvent être divisées en balises d'élément de niveau bloc et en balises d'élément en ligne.

Que sont les éléments de niveau bloc ?

  • commence toujours sur une nouvelle ligne

  • La hauteur, la hauteur de la ligne, les marges et le remplissage sont tous contrôlables ;

  • La largeur par défaut est de 100 % de son conteneur, sauf si une largeur est spécifiée.

  • Il peut contenir des éléments en ligne et d'autres éléments de bloc

Que sont les éléments en ligne (éléments en ligne) ?

  • et les autres éléments sont sur une seule ligne ;

  • la hauteur, la hauteur de la ligne, les marges et le remplissage ne peuvent pas être modifiés ;

  • La largeur est la largeur de son texte ou de son image et ne peut pas être modifiée
  • Les éléments en ligne ne peuvent accueillir que du texte ou d'autres éléments en ligne
Convertir les éléments en ligne en éléments de niveau bloc pour définir la largeur et la hauteur

En général, les éléments en ligne ne peuvent pas définir directement la largeur et la hauteur, c'est pourquoi. il n'occupe pas de rangée.

Mais nous pouvons définir la largeur et la hauteur en définissant le style

ou

pour le convertir en un élément de niveau bloc ou un élément de bloc en ligne. display:block;display:inline-block;Pour plus de connaissances sur la programmation, veuillez visiter :

Vidéo de 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