如何垂直对齐图像

我得到一个<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>

来源

2010-03-16 Ricky

如果你给一个类你<img class="tops">那么CSS

.tops { 
    vertical-align: top; 
}

将绑定图像表电池顶部的上边缘。

来源

2010-03-16 05:32:50 msw

嗯，我现在看到的示例页面与您的示例代码有两种不同之处。 img标签有'height ='指令，风格被指定为一个类。我现在正在跨浏览器测试... – msw 2010-03-16 05:35:35

糟糕，我的意思是'img'标记属性。 – msw 2010-03-16 05:37:52

您需要在图像本身上设置垂直对齐。

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

来源

2010-03-16 05:33:04

添加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>

来源

2010-03-16 05:34:45 heisthedon

我很肯定你需要将它设置为较小的一个，而不是较大的一个，如果你只设置其中一个。 – 2010-03-16 14:11:31

试试这个..

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

来源

2010-03-16 05:52:41 ZX12R

这为我做的工作：

#logo-table td img, #logo-table td 
{ 
    vertical-align: middle; 
}

在html中：

<table id="logo-table"> 
     <!--table contents with imgs--> 
</table>

来源

2014-04-20 18:25:32

如何垂直对齐图像​​

回答

相关问题

如何垂直对齐图像