asp.net - 为什么 CssClass 不能正常工作，而普通类(class)可以？

Question

在我的 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" />

为什么？

Answer 1

因为 asp:ImageButton呈现为 <input type="image" ... /> .你的第一个例子有一个 <div>包装图像按钮，并将样式应用于 <div> .您的第二个示例是尝试设置 <input type="image" ... /> 的样式直接(这不起作用，因为它不是 block 元素)。

您可以使用 <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> 的一样工作会的。