Cuando Div+CSS Diseño de la página, es absolutamente común encontrar el problema de los espacios en blanco adicionales en el elemento de imagen IMG en el navegador al encontrar IE6 (por supuesto, a veces sucederá bajo Firefox). La solución a este problema también es cuestión de tiempo. Se deben usar diferentes soluciones de acuerdo con las diferentes razones. Aquí resumiremos los métodos comunes para resolver los errores en los huecos adicionales en el diseño de la imagen para su referencia.
1. Convierta la imagen en un objeto a nivel de bloque
Es decir, configure IMG en: Display: Block;
En este ejemplo, agregue un conjunto de códigos CSS: #sub img {display: block;}
2. Establezca la alineación vertical de la imagen
Es decir, establecer los atributos de alineación vertical de la imagen en la parte superior, el texto, la parte inferior y el fondo de texto también se pueden resolver. Por ejemplo, agregue un conjunto de códigos CSS en este ejemplo: #sub img {vertical-align: top;}
3. Establezca el tamaño de texto del objeto principal a 0px
Es decir, agregue una línea en #Sub: Font-Size: 0;
Puede resolver el problema. Pero esto también plantea nuevos problemas, e incluso el texto en el objeto principal no se puede mostrar. Incluso si la parte del texto está encerrada, el tamaño de texto del subobjeto aún se puede mostrar, pero provocará un error de texto demasiado pequeño cuando se valida el CSS.
4. Cambie las propiedades del objeto principal
Si el ancho y la altura del objeto principal se fijan y el tamaño de la imagen depende del objeto principal, entonces puede establecer: Overflow: Hidden;
Resolvamos. Como en este ejemplo, puede agregar el siguiente código a #sub: ancho: 88px; altura: 31px; desbordamiento: oculto;
5. Establezca las propiedades flotantes de la imagen
Es decir, agregue una línea de código CSS en este ejemplo: #sub img {float: izquierda;}
Si desea lograr una imagen mixta de imagen y texto, este método es una buena opción.
Este método debe enfatizarse que en el desarrollo real, este método puede causar el caos, porque para que el código sea más semántico y jerárquico, es inevitable proporcionar una visualización de muescas de código a través del IDE, lo que inevitablemente permitirá que las etiquetas y otras etiquetas se muestren en línea, como la aplicación de DW de los comandos de formato de origen. Por lo tanto, este método puede ayudarnos a comprender una situación en la que se produce el error, y debe lidiar con él en soluciones específicas.