Вертикальное выравнивание текста рядом с изображениями - PullRequest
Новая
       20

Вертикальное выравнивание текста рядом с изображениями

0 голосов
/ 30 июля 2010

Когда я помещаю изображение в ячейку таблицы, например, так: 

<table border="1" cellspacing="5" cellpadding="5">
 <tr>
  <td>
   <img width="20" height="20">Text
  </td>
  <td>
   Text
  </td>
 </tr>
</table>

… это смещает вертикальное выравнивание текста в этой ячейке, например:

Я играл с vertical-align, но не смог выровнять две ячейки.Какой правильный способ сделать это?

Ответы [ 2 ]

2 голосов
/ 31 июля 2010

Я продолжаю играть с этой проблемой, вот обходной путь, который я нашел: 

<table border="1" cellspacing="5" cellpadding="5">
    <tr>
        <td style="line-height: 20px;">
            <img width="20" height="20" style="vertical-align: top;">Text
        </td>
        <td>
            Text
        </td>
    </tr>
</table>

Это выглядит так:

Мне не нравится, что высота изображения должна быть в CSS, поэтому я по-прежнему открыт для других идей.

1 голос
/ 30 июля 2010

Хорошо, как насчет ... этого! 

<table border="1" cellspacing="5" cellpadding="5"> 
 <tr> 
  <td> 
   <img style="float: left;" width="20" height="20">Text 
  </td> 
  <td> 
   Text 
  </td> 
 </tr> 
</table>
...