Вы можете изображение, и это демо http://jsfiddle.net/yJUH4/8/
Как вы можете видеть на картинке, между изображением и контейнером возникает небольшой промежуток. Изображение уже дает css vertical-align:middle
. Когда я увеличиваю высоту контейнера, он отлично работает. Ожидание хорошего ответа
Установите vertical-align:top
на img
img {
vertical-align: top;
}
По умолчанию свойство vertical-align
не является верхним, а скорее baseline
. Просто установив его сверху, вы можете достичь желаемого результата.
img {
display:block;
margin:0 auto;
}
должен исправить это.
Еще один вариант...
td {
display: inline-block;
padding: 0;
}
middle
,top
иbottom
все работает.