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 に答える