单行文字垂直居中

单行文字垂直居中原理：

行高由 上空隙，下空隙 和 文字本身高度 组成。

简单理解:行高的上空隙和下空隙把文字挤到中间了。如果行高小于盒子高度，文字会偏上；如果行高大于盒子高度，则文字偏下。（行高越小，上边距就越小，文字就越偏上。行高越大，上边距就越大，文字就越偏下。）

css没有提供文字垂直居中的代码。
解决方案：让 文字的行高 等于 盒子的高度 ，就可以让文字在当前盒子内垂直居中。

例：

<div>我要居中</div>

			div {
				width: 200px;
				height: 40px;
				background-color: orange;
				line-height: 40px; /* 让文字的行高等于盒子的高度 */
			}

效果：

标签：居中,文字,盒子,垂直,单行,空隙,行高
来源： https://blog.csdn.net/weixin_48519907/article/details/110264646