父元素百分比 line-height设置文字居中

时间：2018-04-25 14:01:10 阅读：174 评论：0 收藏：0 [点我收藏+]

当父元素设置高度为百分比的时候 line-height的值自然也就不能是定值不能用绝对的px值，但是给line-height设置百分比，实际上这个百分比是根据字体大小计算的，还是无法得出具体的百分比，所以遇到这种情况只能另辟蹊径，有两种解决办法：
1.给父元素设置display:flex;align-items:center;justify-content:center;
2.给父元素设置displa：table；需要居中的元素设置 display:table-cell；vertical-align:middle；