高度屬性不適用於圖像？

我在這裏有一個荒謬的問題，我必須失去一些明顯的東西，但挫折開始取得我最好的，所以我希望有人能指出我的錯誤。高度屬性不適用於圖像？

我想顯示所有高度相同的縮略圖圖像。寬度不相關。我需要他們擁有相同的身高。

爲什麼以下不工作？

<div class='smallpic'><img src='imageurl' height='100px' title='photo' /></div>

這是smallpic DIV類的CSS：

.smallpic{ 
    width:120px; 
    height:100px; 
    margin:2px; 
    float:left; 
}

正確的圖像顯示，但代替具有100像素的高度相同，它們都適合到div的寬度因爲某些原因。

這是頁面，有4個樣本圖片，如您所見，它們都具有相同的寬度和不同的高度！

2012-02-25 robert

嘗試設置高度爲'inherit'。併爲你的div設置高度。這種組合應該可行。 – rcplusplus 2012-02-25 15:42:32

你不應該設置寬度嗎？ – 2012-02-25 15:45:57

除非我錯過了某些東西，否則我會將您網站上的縮略圖視爲相同的高度。 – 2012-02-25 15:48:17

高度像素的圖像中

<div class='smallpic'><img src='imageurl' height='100' title='photo' /></div>

您也可以在CSS定義這個數

.smallpic>img{ 
    height:100px 
}

從你的描述來看，它聽起來像你想要他們是一樣的寬度以及

所以嘗試：

.smallpic>img{ 
    height:100px; 
    width:100px; 
}

2012-02-25 15:44:28

並擺脫img元素中令人討厭的'height'。因爲HTML是用於內容的。爲了演示使用CSS。 – 2012-02-25 15:52:40

我只是解釋他的代碼出了什麼問題 – 2012-02-25 15:54:57

的height屬性預計像素的數目。 height='100'將是有效的。
或者你可以使用CSS來明確指定像素，例如內聯style="height:100px"
但是不要混淆兩者！

這些天使用樣式表的PS是首選。

2012-02-25 15:41:42

你不需要的圖像的高度屬性裏面的PX：

<div class='smallpic'><img src='imageurl' height='100' title='photo' /></div>

2012-02-25 15:42:07

我試過height ='100'，實際上這就是我最初的代碼，但它沒有工作，所以我添加了'px' – robert 2012-02-25 15:43:27

回答