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