Удалить зазор между изображением и контейнером [дубликаты]

Question

Удалить зазор между изображением и контейнером [дубликаты]

0

Вы можете изображение, и это демо http://jsfiddle.net/yJUH4/8/

Как вы можете видеть на картинке, между изображением и контейнером возникает небольшой промежуток. Изображение уже дает css vertical-align:middle. Когда я увеличиваю высоту контейнера, он отлично работает. Ожидание хорошего ответа

Dinesh Kanivu 22 окт. 2013, в 22:29

Источник

Теги:

html

css

3 ответа

1

img {
    display:block;
    margin:0 auto;
}

должен исправить это.

Paulie_D 22 окт. 2013, в 18:11

1

Еще один вариант...

td {
    display: inline-block;
    padding: 0;
}

http://jsfiddle.net/isherwood/yJUH4/11/

isherwood 22 окт. 2013, в 17:48

Ещё вопросы

Josh Crozier · Accepted Answer · 2013-10-22T17-12-00.000Z

Установите vertical-align:top на img

img {
    vertical-align: top;
}

jsFiddle здесь

По умолчанию свойство vertical-align не является верхним, а скорее baseline. Просто установив его сверху, вы можете достичь желаемого результата.

Или «снизу». Ключ заключается в том, чтобы установить для него нечто иное, чем «базовая линия», которая допускает спуски символов и зависит от высоты строки.
@isherwood Точно. middle , top и bottom все работает.