1

我正在努力将文本与旁边的图像对齐。我想将带有文本的图像放在 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 
}
4

1 回答 1

1

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

希望对您有所帮助

于 2012-07-20T19:52:52.437 回答