c# - Bootstrap/KnockoutJS：img 标签不尊重其高度属性

Question

我在 ASP.NET MVC4 中使用 KnockoutJS 和 Bootstrap 来显示图像缩略图。正如人们所期望的那样，我遇到的问题是图像尺寸不同。因此，设置span3元素li处理宽度问题，但是所有拇指的高度不相等，所以我尝试在img标签上设置它..但是，这不起作用，当我删除 span3li并添加宽度时到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>

Answer 1

CSSheight覆盖 HTMLheight属性。如果你想要一个固定的高度，img试试这个 CSS：

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

Answer 2

height 属性只接受以像素或百分比为单位的整数。将其更改为height="130"或更好地使用 CSS。