如何同步html元素的高度

因此，我有以下JSFIDLE：

看起来是这样的：

.myRow{
显示：表格；
溢出：自动；
}
.myGroup{
显示：表格单元格；
位置：相对位置；
最大宽度：60px；
}

标签1：
输入1
标签2222222222：
输入2222222222

是的，您可以使用flexbox：

• 将所有元素放在同一个flex容器中。您可以删除

  .myGroup

  包装器，或将其保留并使用（警告：不受广泛支持）

  .myGroup{
  显示：内容；
  }
  

• 设置flex容器的样式：

  .myRow{
  显示：flex；/*魔术开始*/
  柔性换行：换行；/*允许换行*/
  宽度：120px；/*2*60px*/
  }
  

• 设置弹性项的样式

  .myCell{
  宽度：50%；/*60px*/
  }
  

• 正确订购弹性物品：

  .myCell:n个孩子（偶数）{
  顺序：1；
  }
  

这将起作用，因为默认情况下是

stretch

。因此，弹性项目将被拉伸，以具有相同的高度

.myRow{
显示器：flex；
柔性包装：包装；
最大宽度：120px；
}
迈塞尔先生{
宽度：50%；
}
迈塞尔：第n个孩子（偶数）{
顺序：1；
}

标签1：
输入1
标签2222222222：
输入2222222222

太棒了！这正是我想要的。非常感谢！