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;
}

版权声明:本文为a1005398026原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。