Maison >interface Web >tutoriel HTML >Le problème de la définition de la hauteur minimale de la production de pages span_HTML/Xhtml_Web d'éléments en ligne

Le problème de la définition de la hauteur minimale de la production de pages span_HTML/Xhtml_Web d'éléments en ligne

WBOY
WBOYoriginal
2016-05-16 16:39:341345parcourir

La balise span est souvent utilisée lors de la création de pages Web HTML, mais certains amis ne sont pas doués pour utiliser cette balise. De nombreux amis semblent penser qu'elle est facile à utiliser, mais elle est très difficile à utiliser, en particulier en termes de largeur et de hauteur. besoin d'être défini pour cela.
Un ami a demandé un jour : Pourquoi après avoir défini la hauteur et la largeur d'un span avec CSS, sa largeur et sa hauteur ne changent toujours pas, comme si cela avait échoué ?

En fait, ce problème est très simple - vous devez d'abord comprendre les attributs de span, car span est un élément en ligne, et les éléments en ligne ignorent la largeur et la hauteur. Une fois que vous avez compris cela, la solution est très simple. Utilisez simplement CSS pour transformer span en un élément encadré.

Il existe deux manières de définir un élément en ligne comme un élément encadré :

1. Utilisez directement l'attribut display display pour le définir comme un élément encadré
display:block;

2. Utilisez l'attribut flottant float pour le définir automatiquement comme un élément encadré
float:left;

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