问题描述
我在一个容器中有3张独立的卡片。我希望卡片中的孩子都像同一幅图片一样,占据同一行中最高兄弟姐妹的高度。
您会看到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 (将#修改为@)