爲什麼CssClass在普通課堂上不工作？

.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" />

爲什麼？

2012-07-16 ispiro

你試過看看在瀏覽器中呈現的最終標記嗎？ css類是否出現在它？ – 2012-07-16 12:50:19

這將是調試的第一步。如果'img'元素呈現'class = center'，那麼我們可以進一步調試它。 – 2012-07-16 12:52:07

@Johnny_D我是網絡開發新手，所以我沒有想到這一點。無論如何，我只是檢查，它的呈現： – ispiro 2012-07-16 12:59:29

因爲asp:ImageButton呈現爲<input type="image" ... />。您的第一個示例有一個<div>環繞圖像按鈕，並且樣式應用於<div>。你的第二個例子試圖直接設計<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-16 12:55:41

謝謝。 'display：block'完成了這個訣竅。 – ispiro 2012-07-16 13:05:08

回答