CSS - Como remover espaços em branco entre as imagens ancorados

StackOverflow https://stackoverflow.com/questions/1111783

  •  12-09-2019
  •  | 
  •  

Pergunta

Eu tenho duas imagens ancorados em cima uns dos outros, separados por uma quebra de linha. Quero as imagens para se sentar diretamente em cima uns dos outros, mas no Firefox existe uma lacuna entre as imagens. Ele funciona no IE7. A única maneira que eu fui capaz de corrigir isso é alterando o line-height (o que eu não quero fazer). 

<a href="image.jpg">
    <img height="75" width="75" src="image.jpg" />
</a>
<br/>
<a href="image2.jpg">
    <img height="75" width="75" src="image2.jpg" />
</a>
Foi útil?

Solução

Colocar a propriedade CSS vertical-align para baixo na imagem superior irá remover a lacuna no Firefox.

Outras dicas

ajuste Talvez as imagens para display:block iria trabalhar. Como uma imagem é de linha padrão com o texto, que deixa espaço na parte inferior para descendenders (como j, g, e y), mesmo que uma imagem nunca terá qualquer. Muitos navegadores são responsáveis ??por isso, mas isso não é padrão. Colocando-os como block deve remover esta irritação em todos os navegadores.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top