有時候dang的東西有效，有時候不起作用。我在我的應用程序中有很多表格，並且所有的表格都在工作。這個沒有什麼不同，除了它，CSS沒有被應用，上帝知道爲什麼。幫幫我。CSS不能正常工作

table.catalogContainer 
{ 
    border: none; 
    padding: 50px; 
    margin-left: 100px; 
    margin-right: 100px; 
    margin-top: 50px; 
    margin-bottom: 50px; 
} 

td.catalogCell 
{ 
    border: none; 
    padding: 30px, 20px, 50px, 20px; 
} 

<div id = "catalog"> 
     <table class = "catalogContainer"> 
      <% while ((category = Helper.GetNextCategory(categoryIndex++)) != null) 
       { %> 
       <tr> 
        <td class = "catalogCell"> 
         <img src = "../../Content/Category.gif" 
         width = "25px" height = "25px" alt = "Category" /> 

         <b> 
          <%= Html.ActionLink(category.Name, 
            "DisplayCategory", 
            "Catalog", 
            new { id = category.Id }, 
            null) %> 
         </b> 
        </td> 

        <td> 

        </td> 
       </tr> 
      <% } %> 
     </table>

更新

好吧，我發現這個問題。表中顯示的邊界仍然是由於我沒有申請該課程的第二個邊界。

來源

2010-08-13 Water Cooler v2

這是不可能的。 CSS可以工作，或者不工作。它不像它根據火星的當前位置閃爍或熄滅。 – jfar 2010-08-13 02:49:31

你把你的CSS放在一個不同的文件或在你的頁面？ – 2010-08-13 02:51:36

@jfar對我而言，整個Web開發看起來就像這樣。上帝，我討厭這樣做。我無法想象坐在他地下室的一個人如何創建了整個StackOverflow網站。我發現創建一個功能很少的模擬網站非常困難。這花費了很多時間。 – 2010-08-13 02:56:46

這可能是因爲腳本運行時CSS沒有及時拉出。試試下面的圖案樣式表：

#catalog table 
{ 
    ... 
} 
#catalog table td 
{ 
    ... 
}

編輯

我看你已經發現了這個問題。不過，如上所示，通過更有效地使用級聯，您可以稍微清理一下實現。

來源

2010-08-13 02:58:56

你用什麼瀏覽器測試？當你查看頁面源時，一切看起來應該如何？也許嘗試發佈頁面的該部分生成的源html。有可能你的模板代碼輸出了一些不好的東西，這些東西正在破壞你的特定表格的html（這可能會影響頁面呈現）。

我發現螢火蟲在診斷css時非常寶貴。您可以輕鬆查看哪些樣式正在應用於特定元素。您可以使用它來選擇一個元素並查看各種css信息，甚至可以隨時嘗試不同的值。

此外，在你的速記填充td.cataglogCellare逗號是不必要的，可能會導致在不同的瀏覽器/版本的一些問題。

此外，您確實不應該使用<b>標記來標記您的內容。 <em>或<強>語義上好多了，您可以創建任何需要的演示文稿。

來源

2010-08-13 02:59:59

如果我可能會建議，而不是使用HTML實體<和>，您應該使用您的帖子中HTML代碼的代碼格式;使它們更易於閱讀。 – 2010-08-13 03:18:22

感謝您的提示。我將來會使用這種方法。 – 2010-08-13 03:35:33

CSS不能正常工作

回答

編輯

相關問題