如何实现单行和多行出现省略号?

注意:使用css自动出现省略号，不能是行内元素,如果是行内元素,先转成块级元素

一、单行出现省略号.....

p{
　//注意一定要设置宽度
  width:110px;
  //强制文字换行
 white-space:nowrap;
 //溢出隐藏
 overflow:hidden;
 //出现省略号
 text-overflow:ellipsis;
}

二、多行出现省略号......

p{
  //类似于display:flex;
  display:-webkit-box;
  //垂直的，竖立的
  -webkit-box-orient:vertical;
  //设定文字显示几行
  -webkit-line-clamp:3;
  //溢出隐藏
  overflow:hidden;
}