Lorsque la disposition DIV + CSS de la page, il est absolument courant de rencontrer le problème des blancs supplémentaires dans l'élément d'image IMG dans le navigateur lors de la rencontre avec IE6 (bien sûr, cela se produira parfois sous Firefox). La solution à ce problème est également une question de temps. Différentes solutions doivent être utilisées selon les différentes raisons. Ici, nous allons résumer les méthodes courantes pour résoudre les bogues dans les lacunes supplémentaires sous la disposition de l'image pour votre référence.
1. Convertissez l'image en un objet au niveau du bloc
Autrement dit, définissez IMG sur: Affichage: Block;
Dans cet exemple, ajoutez un ensemble de codes CSS: #Sub img {affichage: bloc;}
2. Définissez l'alignement vertical de l'image
C'est-à-dire que la définition des attributs d'alignement vertical de l'image sur le haut, le texte, le bas et le bas-fond du texte peut également être résolu. Par exemple, ajoutez un ensemble de codes CSS dans cet exemple: #Sub IMG {Vertical-Align: Top;}
3. Définissez la taille du texte de l'objet parent sur 0px
Autrement dit, ajoutez une ligne dans #Sub: Font-Size: 0;
Peut résoudre le problème. Mais cela soulève également de nouveaux problèmes, et même le texte dans l'objet parent ne peut pas être affiché. Même si la pièce de texte est enfermée, la taille du texte du sous-objet peut toujours être affichée, mais elle provoquera une erreur de texte trop petit lorsque le CSS est validé.
4. Changez les propriétés de l'objet parent
Si la largeur et la hauteur de l'objet parent sont fixes et que la taille de l'image dépend de l'objet parent, vous pouvez définir: débordement: caché;
Résolvons-le. Comme dans cet exemple, vous pouvez ajouter le code suivant à #Sub: largeur: 88px; hauteur: 31px; débordement: caché;
5. Définissez les propriétés flottantes de l'image
Autrement dit, ajoutez une ligne de code CSS dans cet exemple: #Sub img {float: gauche;}
Si vous souhaitez réaliser des arrangements d'images et de texte mixtes, cette méthode est un bon choix.
Cette méthode doit être soulignée que dans le développement réel, cette méthode peut provoquer le chaos, car afin de rendre le code plus sémantique et hiérarchique, il est inévitable de fournir l'affichage d'indentation de code via l'IDE, ce qui permettra inévitablement que les étiquettes et autres étiquettes soient affichés en ligne, tels que l'application de DW des commandes de format source. Cette méthode peut donc nous aider à comprendre une situation où le bogue se produit, et vous devez y faire face dans des solutions spécifiques.