css如何让超出的文字变为小点点

两种方式

1、如果你只想一行显示，多余的部分变为…(以li为例)

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

2、如果你只想多行显示，多余的部分变为…(以li为例)

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

}