Как вертикально выровнять изображения в <td>

Question

Как вертикально выровнять изображения в <td>

Я получил a <td> где два изображения () находятся показанные следующим образом. Каждый намного выше, чем другой. Как я позволяю более короткому выровняться к вершине <td />?

<td  style="padding-left: 0px; cursor: pointer; vertical-align: top;">
<img width="85px" src=".../xyz.png"/>
<img src=".../icon_live.gif" /> // shorter one
</td>

11

html css

задан John Saunders 16 March 2010 в 05:54

4 ответа

Другие вопросы по тегам:

html css

Похожие вопросы:

score 3 · Answer 1

Если вы дадите класс своему , тогда CSS

.tops {
   vertical-align: top;
}

привяжет верхний край изображений в верхнюю часть ячейки таблицы.

score 1 · Answer 2

попробуйте это ..

<td cellpadding="0" valign="top">
  <img width="85" src=".../xyz.png" style="display:inline;"/>
  <img src=".../icon_live.gif" style="display:inline;" />
</td>

score 4 · Answer 3

добавить align = "top" к первому изображению (высокому)

<td  style="padding-left: 0px; cursor: pointer; vertical-align: top;">
<img width="85px" src=".../xyz.png" align="top" />
<img src=".../icon_live.gif" /> // shorter one
</td>

score 13 · Answer 4

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

<style>
td img { 
  vertical-align: top;
}
</style>