html - 如何获得相同高度的盒子

当我从管理面板为产品插入不同尺寸的图像时，如何显示相同高度的产品包装盒，它显示包装盒的不同高度，

我的CSS

/* Products Styles  */


.flex-wrap {
    display: flex;
    flex-wrap: wrap;

}

#hot h2 {
text-transform: uppercase;
font-size: 36px;
color: #4993e4;
font-weight: 100;
text-align: center;

}

#content {
padding-left:25px;

}

.single {
width:290px;
margin: auto;
}


}

@media (max-width: 768px) {

.single {

width:100;
margin: auto;
}

}

#content .product {
background:#fff;
border: solid 1px #e6e6e6;
box-sizing: border-box;
margin-bottom: 30px;
}

#content .product .text p.price {
font-size:18px;
text-align:center;
font-weight:300;

}

#content .product .text .buttons {
clear:both;
text-align:center;
}

#content .product .text h3 {
text-align:center;
font-size:20px;

}

#content .product .text h3 a {

color:rgb(85, 85, 85);
}

#content .product .text {
padding:10px 10px 0px;
}

#content .product .text .buttons .btn {
margin-bottom:10px;
}

最佳答案

尝试使用最小宽度

 @media (min-width:1025px) {
    .global-container {
        margin-top: 0;
        background-image: none;
    }
}

有关更多信息，请refer

关于html - 如何获得相同高度的盒子，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53919352/