css 超出顯示省略號

1、超出顯示省略號

{
    white-space: nowrap;  
     text-overflow:ellipsis; 
     overflow:hidden;
}

2、多行文本超出顯示省略號

{
    overflow: hidden; 
    text-overflow: ellipsis; 
    display: -webkit-box; 
    -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

p{
	position: relative;
	line-height: 1.4em;
	height: 2.8em;
	overflow: hidden;
}
p::after{
	content:"...";
	font-weight:bold;
	position:absolute;
	bottom:0;
	right:0;
	width: 1.4em;
	text-align: center;
	background: #fff;
}