asp.net - 为什么 CssClass 不能正常上课？

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

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

您可以将 a <asp:Panel>（呈现为 a <div>）用于等效代码：

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

或者，更改您的 CSS 以使用<input type="image">- 我认为这就像添加一样简单display: block，并且其他属性的工作方式与包含相同<div>。