asp.net - 如何将文本与旁边的图像对齐？

Question

我正在努力将文本与旁边的图像对齐。我想将带有文本的图像放在 ASP.NET Ajax TabContainer 中(特别是在 TabPanel 中)，我希望它适用于这种情况和其他情况。我搜索了很多，但大多数资源都讨论了基于图像高度或宽度的特殊情况。如果我有不止一张不同尺寸的图片怎么办。

那么您能帮我提供一种将文本与任何图像对齐的方法吗？

我的 ASP.NET 代码:

<ajaxToolkit:TabPanel ID="ImagesGallery" runat="server" OnDemandMode="Once" Enabled="true" >
        <HeaderTemplate><img src="images/New/image.png" class="icon" alt=""  /> Images Gallery</HeaderTemplate>
</ajaxToolkit:TabPanel>

我试图让它工作的 CSS 是:

/* For aligning the image (icon) with the text */
.icon
{
    display: block;
    margin-left: auto;
    margin-right: auto 
}

Answer 1

在你的图片上使用vertical-align:middle;。
这是一个带有 stackoverflow 图标的示例 http://jsfiddle.net/tDfDP/

希望这有帮助