CSS如何给相对高度的元素设置文本内容居中？

如果要在元素为高度百分比（不知道实际高度）的情况下设置文本垂直居中，可以使用伪类::before和vertical-align:middle组合使用过来设置，具体代码如下：

			.div{
     
				font-weight: bold;
				color: white;
				background-color: darkred;
				height: 75%;
				text-align: center;
				font-size: 36px;
				
			}
			/* 在元素高度为百分比(不知道具体数值的情况下)使用伪元素和vertical-align来使元素内的文本垂直居中 */
			.div::before{
     
				display: inline-block;
				content: "";
				height: 100%;
				vertical-align: middle;
				}

最终的效果如下：