Ao fazer a composição DIV + CSS na página, é absolutamente comum encontrar o problema de excesso de espaço em branco sob o elemento de imagem img no IE6 (é claro, às vezes no Firefox. A solução para esse problema também é "jogar por). ear", soluções diferentes precisam ser usadas dependendo dos motivos. Aqui resumimos diretamente os métodos comuns para resolver o BUG de lacunas excessivas no layout da imagem para sua referência.
1. Converta a imagem em um objeto de nível de bloco
definindo img como "display:block;". Neste exemplo, adicione um conjunto de código CSS: "#sub img {display:block;}".
2. Definir o alinhamento vertical da imagem,
ou seja, definir o atributo de alinhamento vertical da imagem como "superior, texto superior, inferior, texto inferior" também pode ser resolvido. Por exemplo, neste exemplo, adicione um conjunto de código CSS: "#sub img {vertical-align:top;}".
3. Defina o tamanho do texto do objeto pai como 0px,
ou seja, adicione uma linha em #sub: "font-size:0;" para resolver o problema. Mas isso também causou um novo problema: o texto no objeto pai não pode ser exibido. Mesmo que a parte do texto esteja delimitada por um subobjeto, ela ainda poderá ser exibida definindo o tamanho do texto do subobjeto, mas uma mensagem de erro informando que o texto é muito pequeno será exibida durante a validação CSS.
4. Altere as propriedades do objeto pai.
Se a largura e a altura do objeto pai forem fixas e o tamanho da imagem depender do objeto pai, você poderá definir "overflow:hidden;" para resolver o problema. Por exemplo, neste exemplo, você pode adicionar o seguinte código a #sub: "width:88px;height:31px;overflow:hidden;".
5. Para definir o atributo flutuante da imagem
, adicione uma linha de código CSS neste exemplo: "#sub img {float:left;}". Se você deseja obter uma organização mista de imagens e texto, este método é uma boa escolha.
6. Cancele o espaço entre a tag da imagem e a última tag de fechamento do seu objeto pai.
Deve-se enfatizar que este método pode causar problemas no desenvolvimento real, pois para tornar o código mais semântico e claro ao escrever código, é inevitável fornecer exibição de recuo de código através do IDE, o que inevitavelmente tornará o rótulo e outros rótulos Exibição de quebra de linha, como o comando "Aplicar formato de origem" do DW. Portanto, este método pode nos ajudar a entender uma situação em que ocorre um BUG. A solução específica deve ser resolvida por todos.