問題描述
最近寫項目的時候遇到個問題，數據從後臺發送過來，可能是1行文本或者2行文本，要求居中顯示。如果按照height=line-height的方式來做，當文本是2行的時候就會使得2行文本的間距非常大。
解決辦法：
1.首先給需要居中的元素外面再包一層div作爲父元素。
2.然後設置父元素的height=line-height，按照最大可能2行的高度來設置。
3.對目標子元素設置display:inline-block屬性，使其轉化成行內塊元素，模擬成單行文本。
4.對目標子元素單獨設置合適的行高line-height屬性
5.對目標子元素設置vertical-align:middle屬性，使其基線對齊。
查看效果，無論是單行文本還是多行文本，都成功居中了！
