Question

我正在使用twitter bootstrap对象缩略图，以及bootstrap发出的css。我想设置一个200px的固定高度但是当我在css中更改.thumbnail时没有任何反应。缩略图现在具有响应性，因此文本量控制高度

.thumbnail {

    height: 200px;        

    display: block;
    padding: 4px;
    line-height: 20px;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

奇怪的是，这不会起作用，但是当我将css高度内嵌在HTML文档中时，它可以工作。但我不想在HTML文档中使用它。

<div class="span3"> <ul class="thumbnails">
<li class="span12">
    <div class="thumbnail">
        <img alt="@product.Title" src="@product.ThumbnailUrl" />
        <a href="@Url.Action("Details", "Store",
            new { id = product.ProductId })">

            <span>@product.Title</span>
        </a>
        <p>Glutenfi våffla bakad utan kärlek.</p>
    </div>
</li>
</ul></div>

是否有另一种解决方案或.thumbnail是从另一个来源继承高度的子对象。

尝试了很多我知道的技巧，但没有任何工作，会很感激帮助。谢谢！

无法在缩略图上设置高度

0 个答案: