此问题已在此处有答案:
CSS - Equal Height Columns?(11个回答)
关闭2天前.
<div className={Styles.didslider}>
<Slider {...settings}>
{CardData.map((data, index) => (
<div className={Styles.didslidecard} key={index}>
<DidyouknowCard
iconimage={data.iconimage}
title={data.title}
description={data.description}
/>
</div>
))}
</Slider>
</div>
我需要的didyouknowcard在相同的高度如何做到不给静态的宽度和高度的基础上动态内容的高度需要匹配?
3条答案
按热度按时间dxxyhpgq1#
可以在css文件中为card的div类使用
min-height:...
属性iq3niunx2#
ego6inou3#
正如你所说,你不能使用弹性,尝试使用以下方法之一:
1.使用
display: table
和display: table-cell
属性显示表1.使用
display: grid
、grid-template-columns
、grid-gap
的网格显示:他们都做同样的高度,但在不同的方式,看看什么方法会更好地在您的项目。