css在高度为百分比时候的文字垂直居中方法

对于高度单位是px的div，想让文字垂直居中很简单，line-height=height就可以了，但是对于高度为百分比的div，如何让文字垂直居中呢？方法一:给需要垂直居中的文字增加一个父元素,给父元素设置display:table;
给需要居中的子元素设置vertical-align:middle;display:table-cell;
方法二:给需要居中的元素加以下代码样式display:flex;justify-content:center;align-items:center;
两种方法在不同场景都有一定程度的问题,需根据实际情况确定。