Html 如何处理高度不同的弹性物品？

我使用以下标记创建了Plunker：

.items{
显示器：flex；
对齐项目：居中；
填充：10px；
-webkit flex流：行换行；
}
.项目跨度{
边框：1px实心#888；
保证金：5px；
填充：10px；
宽度：35%；
}

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。信息技术
它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着desktop的发布而流行
发布软件，如Aldus PageMaker，包括Lorem Ipsum版本

弗斯特
第二
第三
第四
第五，它的文本比其他的多
第六
第七
八
九
十
第十一
十二

您只需删除

对齐项目：居中

，还可以使用

计算（）

计算列的宽度。因此，如果您想要两列，您可以使用

calc（50%-10px）

其中10px是

5px margin*2

用于左侧和右侧，对于填充，您可以使用

box size:border box

*{
框大小：边框框；
}
.项目{
显示器：flex；
填充：10px；
柔性流：行换行；
}
.项目跨度{
边框：1px实心#888；
保证金：5px；
填充：10px；
弹性：0计算（50%-10px）；
}

弗斯特
第二
第三
第四
Lorem ipsum dolor sit amet，奉献精英。雷，多洛雷斯！
第六
第七
八

谢谢！关于垂直居中项目文本的小帮助？在跨距上使用flex