css文字上下居中，一行文字居中，两行或多行文字同样居中

利用 Flex布局 来实现

html

<div id="box">
    <span>两个黄鹂鸣翠柳</span>
 </div>

css

#box {
	width: 200px;
	height: 120px;
	border: 1px solid red;
	/*text-align: center;*/
	display: flex;
	align-items: center;
	justify-content: center;
}