（仿今日头条）高度跟据内容自适应的div 如何实现垂直居中？

[追梦侠]

本人写一个移动端Web页面，遇到棘手问题，就是标题行数不确定，偏偏还要垂直居中，尝试采用display: inline-block;
vertical-align: middle; 没有效果，请问高手如何实现？
我的现状是，绿色框为内容，红色框为目标区域，绿色框的高度在一行～三行之间。


理想的效果如下图今日头条，查看源码就是vertical-aligh:middle实现的，无论几行标题均实现了垂直居中。

[joinzhu]

你可以试试 div{ display:flex; align-items:center; }

[追梦侠]

成功了，已实现预期效果，谢谢你的帮助！ joinzhu