我可以让卡片中的所有孩子都拥有最大身高吗?

问题描述

我在一个容器中有3张独立的卡片。我希望卡片中的孩子都像同一幅图片一样,占据同一行中最高兄弟姐妹的高度。

Grid version image

您会看到price div和lorem ipsum div取最高值,并将其应用于同一行中的所有div

我使用CSS网格实现了这种效果,但是在这种特殊情况下我不允许使用该方法,但是我将在此处保留代码

https://codesandbox.io/s/same-height-cards-grid-version-vm7vo

但是我可以使用flexBox达到相同的效果,但是它仅适用于卡中的一个元素。如果我将实现此效果的类应用于卡中的任何其他元素,则该效果会丢失。的代码在这里

https://codesandbox.io/s/same-height-cards-94dgf?file=/src/styles.scss

欢迎使用除jQuery,Grid或html表以外的任何解决方案。可以使用Javascript和React钩子。

堆栈:React,Gatsby,SASS

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)