對於高度確定的元素，它的文本的行數不確定的情況下，怎麼讓文本垂直居中呢？”的問題，使用這裏提到的 css3 彈性佈局方式。對付元素使用 display: flex; justify-content: center; align-items: center; 來解決。
1. 如果不添加 justify-content: center; 子元素不會水平居中；
2. 如果不添加 align-items: center; 子元素會鋪滿父元素的高度，而不是我們希望的只有包含住文本的高度！
記憶方法：
我們知道：text-align: justify; 能將文本按照兩端對其的方式對文本進行佈局，這個處理的是水平方向上的問題。聯想記憶，justify-content 也是處理水平方向上的事情，所以 justify-contnet: center; 就是讓元素水平居中了。