Выравнение блочного <img> в <td>

[der56]

Генерятся строки таблицы вида:

<td><img src=some.png></td><td>text</td>

Изображения и текст подгружаются из БД.

Все изображения одной высоты, но разной ширины.

Высота td описана в css и превышает высоту изображений, однако без display: block либо float в стилях img изображение смещается вверх и тем самым нарушает структуру таблицы.

display: inline    display: block

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

Помогите пожалуйста решить данную проблему.

Edited August 5, 2014 by der56

[npofopr]

<table border="1">

    <tr>

        <td style="height:40px;vertical-align:middle;"><img src="http://placehold.it/25x10"> text</td>

        <td></td>

    </tr>

</table>

[Great Rash]

http://htmlforum.ru/index.php?showtopic=13589&p=93519

[der56]

Спасибо. Однако имелось ввиду горизонтальное выравнивание. Извиняюсь что не указал этого сразу.

Edited August 5, 2014 by der56

[Great Rash]

Однако имелось ввиду горизонтальное выравнивание. Извиняюсь что не указал этого сразу.

Ну ясен пончик, что не вертикальное, это из контекста понятно. Избавьтесь от display: block; просто, и всего делов. Как по-другому убрать отступ снизу у картинки я вам ссылку дал.

[der56]

Теперь дошло. Благодарю.