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

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>

标签： javascripthtmlcss

Answer 1

尝试将 display: flex 设置为父容器。