Вертикально выравнивать текст в ячейке таблицы с изображением, перемещенным влево?

Question

HTML-:

<td> 
    <img> 
    text here 
</td> 

CSS-код:

td img{ 
    display: block; 
    float: left; 
} 

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

Любые идеи?

Answer 1

Если вы знаете высоту изображения, вы можете использовать свойство line-height.

<td style="line-height: 50px;"> 
    <img>Text text text 
</td> 

Это должно заставить текст отображаться в центре линии.

Answer 2

Попробуйте установить vertical-align:middle; в CSS для img. Вы также можете захотеть установить это изображение в качестве фона для этой ячейки таблицы, поскольку у вас могут быть проблемы с перекрестным браузером, независимо от того, как вы размещаете все (установка изображения в качестве фона позволит избежать этого).

Answer 3

Использование line-height для вертикального выравнивания текста рядом с изображением в ячейке таблицы onl * y работает, если у вас есть одна строка текста. Следующая строка текста будет (как в примере выше) 50px ниже первой строки текста. *

Установка * изображение Backgroun * d также не работает, если вы установите запас в пределах ячейки = к ширине изображения на какой стороне вы хотите изображение, чтобы выровнять.