最大高度在 Bootstrap 站点的 CSS 中不起作用答案

【问题标题】：Max-Height not working in CSS for Bootstrap site最大高度在 Bootstrap 站点的 CSS 中不起作用
【发布时间】：2014-12-31 22:25:34
【问题描述】：

我正在使用Freelancer theme，并试图通过使用 max-height 属性来限制我的作品集图片的高度。为此，我为投资组合图片提供了第二类以添加属性，同时不会无意中更改其他内容：

<img src="img/portfolio/someimagename.jpg" class="img-responsive" class="img-portfolio" alt="">

我去我的css文件添加这样的属性：

.img-portfolio {
    max-height: 227px 
}

但我的图像没有受到影响，并且高度仍然不同。我做错了什么？

【问题讨论】：

【解决方案1】：

您以错误的方式添加了第二个类。这应该如何添加第二个类：

<img src="img/portfolio/someimagename.jpg" class="img-portfolio img-responsive" alt="">

然后您可以分别使用 CSS 定位这两个类，即 .img-portfolio 和 .img-responsive。

您当前仅将一个类分配给在代码中首先出现的<img>，即img-responsive，这就是为什么您的.img-portfolio 的CSS 不起作用的原因。

【讨论】：