1

ASP.NETMVC4でKnockoutJSとBootstrapを使用して画像のサムネイルを表示しています。私が抱えている問題は、予想通り、画像のサイズが異なることです。したがって、要素に設定span3するliと幅の問題が処理されますが、高さがすべての親指で等しくないため、imgタグに設定してみました。ただし、これは機能せず、のspan3を削除してli幅を追加するとタグに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>
4

2 に答える 2

1

CSSはHTML属性をheightオーバーライドします。height固定の高さが必要な場合は、imgこのCSSを試してください。

.your-img-selector {
    height: 130px;
}
于 2012-09-10T10:14:55.377 に答える
0

height属性は、ピクセルまたはパーセンテージの整数のみを受け入れます。CSSに変更するheight="130"か、CSSを使用することをお勧めします。

于 2012-09-10T10:54:00.087 に答える