如何为所有项目设置相同的高度

Question

我需要一些帮助来为所有物品设置相同的高度。 我希望所有项目都具有相同的长度，就像第一张图片。

第二张图片是我在项目中显示的图片。

我的鳕鱼是：

<div class="item">
<div class="col-md-3 col-sm-6 col-xs-12 product">
    <span class="product-thumb-info" style="margin-top: 20px">
        <a href="item.php?page=item&id_prod=<?php echo $stock_rs['id_prod']; ?> ">
            <span class="product-thumb-info-image">
                <span class="product-thumb-info-act">
                    <span class="product-thumb-info-act-right"><em><i class="fa fa-plus"></i> Detali</em></span>
                </span>
                <img alt="" class="img-responsive" src="img/products/<?php echo $stock_rs['nume_imagini']; ?>">
            </span>
        </a>
        <span class="product-thumb-info-content" style="text-align: center">
            <a href="item.php?page=item&id_prod=<?php echo $stock_rs['id_prod']; ?> ">
                <h6><strong><?php echo $stock_rs['denumire_produs']; ?><br/></strong></h6>
                <span class="price">
                    <strong><span class="amount"><?php echo $stock_rs['pret_produs'] . ' Lei'; ?></span></strong>
                </span>
            </a>
        </span>
    </span>
</div>

Answer 1

尝试设置显示：可弯曲到父容器。

Answer 2

您的问题有n种解决方案。

1. 设置详细信息div的高度
2. 用省略号和工具提示将标题限制在一行 等等...