Quando o layout Div+CSS da página, é absolutamente comum encontrar o problema de espaços em branco extras no elemento de imagem IMG no navegador ao encontrar o IE6 (é claro, às vezes isso acontecerá sob o Firefox). A solução para esse problema também é uma questão de tempo. Diferentes soluções devem ser usadas de acordo com os diferentes motivos. Aqui, resumiremos os métodos comuns de resolver os bugs nas lacunas extras no layout da imagem para sua referência.
1. Converta a imagem em um objeto em nível de bloco
Isto é, defina img como: exibir: bloco;
Neste exemplo, adicione um conjunto de códigos CSS: #SUB IMG {Display: Block;}
2. Defina o alinhamento vertical da imagem
Ou seja, definir os atributos de alinhamento vertical da figura para o topo, o texto, a parte inferior e o fundo de texto também podem ser resolvidos. Por exemplo, adicione um conjunto de códigos CSS neste exemplo: #sub img {vertical-align: top;}
3. Defina o tamanho do texto do objeto pai como 0px
Isto é, adicione uma linha em #sub: font-size: 0;
Pode resolver o problema. Mas isso também levanta novos problemas e até o texto no objeto pai não pode ser exibido. Mesmo se a parte do texto estiver fechada, o tamanho do texto do subobjeto ainda poderá ser exibido, mas levará um erro de texto muito pequeno quando o CSS for validado.
4. Altere as propriedades do objeto pai
Se a largura e a altura do objeto pai for fixo e o tamanho da imagem depende do objeto pai, você poderá definir: Overflow: Hidden;
Vamos resolver isso. Como neste exemplo, você pode adicionar o seguinte código ao #SUB: Largura: 88px; Altura: 31px; Overflow: Hidden;
5. Defina as propriedades flutuantes da imagem
Isto é, adicione uma linha de código CSS neste exemplo: #sub img {float: esquerd;}
Se você deseja alcançar a imagem e o arranjo de texto misto, esse método é uma boa escolha.
Esse método deve ser enfatizado que, no desenvolvimento real, esse método pode causar caos, porque, para tornar o código mais semântico e hierárquico, é inevitável fornecer a exibição de indentação de código através do IDE, o que inevitavelmente permitirá que rótulos e outros rótulos sejam exibidos na linha, como a aplicação de DW dos comandos de formato de fonte. Portanto, esse método pode nos ajudar a entender uma situação em que o bug ocorre e você deve lidar com isso em soluções específicas.