高度属性不适用于图像？

问题描述：

我在这里有一个荒谬的问题，我必须失去一些明显的东西，但挫折开始取得我最好的，所以我希望有人能指出我的错误。高度属性不适用于图像？

我想显示所有高度相同的缩略图图像。宽度不相关。我需要他们拥有相同的身高。

为什么以下不工作？

<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个样本图片，如您所见，它们都具有相同的宽度和不同的高度！

尝试设置高度为'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; 
}

并摆脱img元素中令人讨厌的'height'。因为HTML是用于内容的。为了演示使用CSS。 – 2012-02-25 15:52:40

我只是解释他的代码出了什么问题 – 2012-02-25 15:54:57

答

的height属性预计像素的数目。 height='100'将是有效的。
或者你可以使用CSS来明确指定像素，例如内联style="height:100px"
但是不要混淆两者！

这些天使用样式表的PS是首选。

答

你不需要的图像的高度属性里面的PX：

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

我试过height ='100'，实际上这就是我最初的代码，但它没有工作，所以我添加了'px' – robert 2012-02-25 15:43:27