C# Bootstrap/KnockoutJS:img标记不遵守其高度属性

我在ASP.NET MVC4中使用KnockoutJS和引导来显示图像缩略图。我的问题是，正如人们所预料的那样，图像大小不同。因此，在

li

元素上设置

span3

可以处理宽度问题，但并非所有拇指的高度都相等，因此我尝试在

img

标记上设置。。但是，这不起作用，当我删除

li

上的span3并将宽度添加到

img

标记时，我发现宽度也没有得到尊重。这是非常奇怪的。有人有什么想法吗

以下是我的标记：

<ul class="thumbnails" data-bind="foreach: images">
                <li class="span3">
                    <div class="thumbnail">
                        <img data-bind="attr: { src: thumbnailUrl, alt: caption }" height="130px" />
                        <p data-bind="html: caption"></p>
                    </div>
                </li>
            </ul>

CSS

height

覆盖HTML

height

属性。如果您想为您的

img

设置固定高度，请尝试以下CSS：

.your-img-selector {
    height: 130px;
}

---

CSS

height

覆盖HTML

height

属性。如果您想为您的

img

设置固定高度，请尝试以下CSS：

.your-img-selector {
    height: 130px;
}

---

“高度”属性仅接受以像素或百分比为单位的整数。将其更改为

height=“130”

或更好地使用CSS。

height属性只接受以像素或百分比为单位的整数。将其更改为

height=“130”

或更好地使用CSS