Question

我在这里有一个荒谬的问题而且我一定会遗漏一些显而易见的事情，但是挫折感开始变得最好，所以我希望有人可以指出我的错误。

我想显示所有高度相同的缩略图。宽度无关紧要。我需要它们具有相同的高度。

为什么不进行以下工作？

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

这是smallpic div类的CSS：

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

显示的是正确的图像，但由于某种原因，它们都不适合100 px的相同高度。

这是页面，有4个样本图像，如您所见，它们都具有相同的宽度和不同的高度！

Answer 1

高度是图像中的像素数

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

您也可以在css中定义它

.smallpic>img{
    height:100px
}

从你的描述中，听起来你希望它们具有相同的宽度

所以试试：

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

Answer 2

height属性需要一个以像素为单位的数字。 height='100'有效。
或者您可以使用CSS明确指定像素，例如使用内联style="height:100px"
但是不要混淆两个！

目前首选使用样式表的PS。

Answer 3

您不需要图像的height属性中的px：

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