如何將文字與除此之外的圖像對齊？

我正努力將文字與除此之外的圖像對齊。我想在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 
}

來源

2012-07-20 Technology Addict

使用vertical-align:middle;在圖像上。
下面是一個例子與計算器圖標http://jsfiddle.net/tDfDP/

希望這有助於

來源

2012-07-20 19:52:52

感謝您的幫助。我很欣賞它，它適合我。還有一個問題，我可以用這種方式與任何圖像？ – 2012-07-20 20:02:33

與你想要在中間對齊的每個圖像是:) – 2012-07-20 20:03:48

如何將文字與除此之外的圖像對齊？

回答

相關問題