Аномалия с <img>

illya_v · February 24, 2013

Доброе время суток.

Столкнулся с проблемой: при выведении изображения внутри ссылки появляется ненужный отступ внизу.

Вероятно тема не нова, в таком случае буду благодарен за ссылку на ресурсы.

Код:


<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <style>
  a, span, div{
    display: inline-block;
    border: 1px solid green;
    margin: 0;
    padding: 0;
  }
  img{
    margin: 0;
    padding: 0;
  }
  </style>
</head>
<body>
    <a href="_foto/5.jpg"><img src='_foto/5.jpg'/></a>
</body>
</html>

timfcsm · February 24, 2013

попробуй так

a img{

vertical-align:bottom;

}

ну а так, это не аномалия, это выравнивание строчных элементов по базовой линии текста..а между этой базовой линией и нижней границей элемента имеет место быть отступ для всяких закорючек и хвостиков у букв

немного каряво сказал, но, надеюсь, понятно)

Edited February 24, 2013 by timfcsm

13bis · February 24, 2013

Как вариант:

img{
margin:0;
padding:0;
margin-bottom:-5px;
}

dmitriydrachov · February 24, 2013

display: block или line-height:0

Sign In

Аномалия с <img>

Question

illya_v

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

timfcsm

Link to comment

Share on other sites

13bis

Link to comment

Share on other sites

dmitriydrachov

Link to comment

Share on other sites

Join the conversation

Similar Content

Обсуждения

Forums

Important Information