0

私のCSSファイルには次のものがあります：

.Center
{
    position:relative;
    width:800px;
    margin-left: auto;
    margin-right: auto;
}

次に、次のものがあればすべて問題ありません。

<div class="Center">
    <asp:ImageButton ID="ImageButton1" ImageUrl="..." runat="server" />
</div>

しかし、を削除して代わりdivに追加するとCssClass、クラスが無視されます。

<asp:ImageButton ID="ImageButton1" ImageUrl="..." runat="server" CssClass="Center" />

なんで？

4

1 に答える 1

4

asp:ImageButtonとしてレンダリングされるため<input type="image" ... />です。最初の例には<div>画像ボタンのラッピングがあり、スタイリングは に適用されます<div>。2番目の例は、直接スタイルを設定しようとしてい<input type="image" ... />ます(ブロック要素ではないため、機能しません)。

同等のコードに<asp:Panel>( としてレンダリングされる) を使用できます。<div>

<asp:Panel runat="server" CssClass="Center">
     <asp:ImageButton ID="ImageButton1" ImageUrl="..." runat="server" />
</asp:Panel>

または、CSS を で動作するように変更します<input type="image">- を追加するのと同じくらい簡単だと思いますdisplay: block。他のプロパティは、含まれている場合と同じように動作し<div>ます。

于 2012-07-16T12:55:41.293 に答える