css: 文字单行显示超出省略，多行超出省略

原文地址

文字单行显示，隐藏超出内容，显示省略号

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

附加文字两端对齐

span {
	text-align: justify;
	width: 4rem;
	&:after {
		content: " ";
		display: inline-block;
		padding-left: 100%;
	}
}

文字多行显示，隐藏超出内容，显示省略号

p {
  height: 42px;
  line-height: 1.5;
  overflow: hidden;
  // textOverflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}