Maison >interface Web >tutoriel HTML >Comment définir l'attribut width pour le style de balise span

Comment définir l'attribut width pour le style de balise span

php中世界最好的语言
php中世界最好的语言original
2018-02-07 09:55:463654parcourir

Cette fois, je vais vous montrer comment définir l'attribut width pour le style de balise span et quelles sont les précautions pour définir l'attribut width pour le style de balise span. Ce qui suit est un cas pratique, jetons un coup d'oeil.

Définissez l'attribut width directement sur le style de balise span, et vous constaterez que cela n'aura aucun effet.

Si vous définissez display:block, l'attribut width prend effet, mais la durée à ce moment est la même que celle du div.
Si display:inline-block est défini, les étendues seront répertoriées dans la même ligne et l'attribut width prendra effet. Descriptions de valeurs communes pour l'attribut d'affichage de l'élément

 :

1) block : La valeur par défaut du bloc objet . Force l'objet à être rendu sous forme d'objet bloc, en ajoutant une nouvelle ligne après l'objet.
2) inline : La valeur par défaut des objets en ligne. Pour forcer le rendu de l'objet en tant qu'objet en ligne, supprimez la ligne de l'objet.
3) inline-block : affiche l'objet en tant qu'objet en ligne, mais le contenu de l'objet est rendu en tant qu'objet bloc. Les objets en ligne adjacents seront rendus sur la même ligne.
4) non : objet caché. Contrairement à la valeur cachée de l'attribut visibilité, il ne réserve pas son espace physique à l'objet caché.

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Comment définir le style de bordure et de transparence de Div

Comment faire fonctionner la page parent de iframe pour bloquer la page Effet de calque pop-up

Comment utiliser l'attribut méta viewport de HTML

Comment pour modifier la méthode de soumission par défaut du formulaire

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