css实现内容超出显示省略号

1.多行超出显示省略号

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

注意：3表示3行，几行超出显示省略号就设置几行

2.单行超出隐藏

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
width:100px;

注意：一定要填写元素的width