利用flex实现多列等高布局所踩的坑

其实没有标题说的多列啦，就是普通的两列，写的是普通的列表项，左边图片，右边一些文字而已。
右边的文字稍稍复杂，分为上中下三行。

想要实现的效果：

我无意中使用了align-items: center，然后发现右边的文字挤在一起了，用flex-direction: column配合justify-content: space-between无法将他们分开，可以确定的是空间足够，肯定是产生了一些问题。

挤在一起的文字（可以看到第一项居中了，但我想有间隙）：

原来align-items用了之后就会失去等高效果，三行文字就怎么也不能用flex分不开了（强行分开的话可以用margin，padding）。
这时我必须不能使用align-items: center。

去掉align-items: center后(可以看到第二项的图片并没有垂直居中)

如果有一些项要垂直居中的话，比如我这个例子第二项的图片，那就可以对这个图片使用align-self: center，就可以了。

最终效果