Lors de la composition DIV+CSS sur la page, il est tout à fait courant de rencontrer le problème d'un excès d'espace blanc sous l'élément image img dans IE6 (bien sûr, parfois sous Firefox). La solution à ce problème est également de "le lire par". ear", différentes solutions doivent être utilisées en fonction des raisons. Ici, nous résumons directement les méthodes courantes pour résoudre le BUG des espaces excessifs sous la mise en page de l'image pour votre référence.
1. Convertissez l'image en objet de niveau bloc
en définissant img sur "display:block;". Dans cet exemple, ajoutez un ensemble de code CSS : "#sub img {display:block;}".
2. La définition de l'alignement vertical de l'image,
c'est-à-dire la définition de l'attribut d'alignement vertical de l'image sur « haut, texte-haut, bas, texte-bas » peut également être résolue. Par exemple, dans cet exemple, ajoutez un ensemble de code CSS : "#sub img {vertical-align:top;}".
3. Définissez la taille du texte de l'objet parent sur 0px,
c'est-à-dire ajoutez une ligne dans #sub : "font-size:0;" pour résoudre le problème. Mais cela a également provoqué un nouveau problème : le texte de l'objet parent ne peut pas être affiché. Même si la partie texte est entourée d'un sous-objet, elle peut toujours être affichée en définissant la taille du texte du sous-objet, mais un message d'erreur indiquant que le texte est trop petit sera affiché lors de la validation CSS.
4. Modifiez 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 "overflow:hidden;" pour résoudre le problème. Par exemple, dans cet exemple, vous pouvez ajouter le code suivant à #sub : "width:88px;height:31px;overflow:hidden;".
5. Pour définir l'attribut flottant de l'image
, ajoutez une ligne de code CSS dans cet exemple : "#sub img {float:left;}". Si vous souhaitez obtenir une disposition mixte d’images et de texte, cette méthode est un bon choix.
6. Annulez l'espace entre la balise d'image et la dernière balise de fermeture de son objet parent.
Il convient de souligner que cette méthode peut causer des problèmes dans le développement réel, car afin de rendre le code plus sémantique et plus clair lors de l'écriture du code, il est inévitable de fournir un affichage de l'indentation du code via l'EDI, ce qui rendra inévitablement l'étiquette et d'autres étiquettes. Affichage de saut de ligne, tel que la commande "Appliquer le format source" de DW. Par conséquent, cette méthode peut nous aider à comprendre une situation dans laquelle un BUG se produit. La solution spécifique doit être résolue par tout le monde.