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

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

第二个图像是我在项目中显示的图像

我的cod是：

<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>

---

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

您的问题有n个解决方案

设置“详细信息”div的高度

使用省略号和工具提示将标题重新粘贴到一行 等等

---

你的问题就是答案：设置物品的高度代码？与问题相关的代码在哪里。。？我们无法修复图像。只需为元素指定一个固定的高度。如果您想了解有关“等高：唯一的好方法：及其2D变体”的更多信息，请查看此链接。和

align items:stretch