2011-07-23 57 views
1

我正在尋找一種方法來針對具體的圖像與CSS,如果這是可能的。針對特定圖像的CSS

我正在運行CMS,用戶可以在其中上載圖像並將其放在他們的頁面上。我想要一種方法來定位具有特定尺寸的圖像。

所以問題是,你可以做一個css線目標圖像或物體與一定的尺寸規格

我猜想是這樣的:

img#width:400px { float :left; } 

(使是400個像素寬有浮動圖片:左圖)

我知道我可以給圖像需要的類別或ID,但它當客戶在CMS中玩耍時會丟失。

回答

6
img[width="400"]{ 
    float:left; 
} 

這將使具有設置爲400浮動屬性的任何圖像左:

<img src="image.jpg" width="400" /> 

注:如果寬度屬性設置,這隻會工作。如果圖像寬度爲400像素,但沒有設置寬度屬性,則不起作用。

+0

你的先生,是一個救星:] –

1

按照spec這應該工作

img[width=400] 

,但我還沒有嘗試過