Выравнивание изображения и текста по вертикали внутри элемента TD

Question

Мне нужно отобразить значок расширения в td, когда я это делаю, текст и изображение не выравниваются.Я использовал spacer.gif (1x1), через который я вызываю значок расширения.Если я указываю ширину и высоту непосредственно в теге img, то текст тоже не выравнивается.

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

<td><img src="../images/spacer.gif" class="texpand_icon"/>Actuals</td>

.texpand_icon{background:url('../images/plus.gif') no-repeat left center; padding-left: 16px;}

Может кто-нибудь решить эту проблему?

Answer 1

Вы пробовали атрибут valign?

<td valign="middle"><img /></td>

Это должно выровнять само изображение. Чтобы текст выровнялся по изображению, вы можете использовать свойство CSS вертикальное выравнивание по изображению:

.texpand_icon{
    vertical-align: middle;
    ...
 }