文本只显示一行或多行

1、文本只显示一行，文本溢出部分用省略号显示

<div id="wrapper">
截至1月15日09时，全国累计报告确诊病例98290例，现有确诊病例1727例，境外输入4474例；海外现有确诊病例26094556例。疫情影响了很多行业的发展，更影响到我们生活的很多方面，所以大家都是希望疫情能够早点结束了。
</div>

#wrapper{
	width: 260px;
	height: 60px;
	line-height: 60px;
	border: 1px solid gray;
	color: #008c8c;
	font-family: "microsoft yahei";
	text-indent: 2rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

2、文本只显示3行，文本溢出部分用省略号显示

<div id="wrapper">
截至1月15日09时，全国累计报告确诊病例98290例，现有确诊病例1727例，境外输入4474例；海外现有确诊病例26094556例。疫情影响了很多行业的发展，更影响到我们生活的很多方面，所以大家都是希望疫情能够早点结束了。
</div>

#wrapper{
	width: 260px;
	height: 72px;
	text-indent: 2rem;
	box-sizing: border-box;
	padding: 6px;
	border: 1px solid gray;
	color: #008c8c;
	font-family: "microsoft yahei";
	overflow: hidden;
	display: -webkit-box;/*设置成弹性盒子 */
	-webkit-line-clamp: 3;/*控制显示的行数 */
	-webkit-box-orient: vertical;/* 属性规定框的子元素应该被水平或垂直排列。 */
	text-overflow: ellipsis;
}