2014-06-13 122 views
0

我想下面的類適用於我的圖像元素:我的CSS不起作用

.laptopimage { 
    width: 115px; 
    height: 93px; 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    border: 10px solid black; 
} 

我的代碼在aspx.cs文件:

Image image=new Image(); 
image.ImageUrl="~/Images/"+p.ImagePath; 
image.CssClass = "laptopimage"; 

所得到的html代碼:

<img class="laptopimage" src="../Images/Laptop1.jpg"></img> 

我不明白爲什麼它不適用css。圖像仍然顯示1700x1700;有人可以解釋爲什麼會這樣嗎?

+1

很難用這麼少的調試代碼 - 它可能是一個專一的問題,即。另一個CSS規則覆蓋'laptopimage'中設置的樣式 – SW4

+1

您是否添加了css文件的引用? – SpiderCode

+0

確實包含了你的css文件嗎? – Last1Here

回答

2

修改你的CSS並嘗試這個。其他一些CSS可能overiding您laptopimage

.laptopimage { 
    width: 115px !important; 
    height: 93px !important; 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    border: 10px solid black; 
} 
+0

仍然無法正常工作。 –

+1

它通常建議避免使用'!important'來代替改進代碼和解決底層衝突... https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#The_!important_exception – SW4

+0

清除您的緩存 –