第一种方式：

li{
white-space:nowrap;强制不换行；

overflow:hidden;超出的部分隐藏；

text-overflow:ellipsis;让隐藏的文本用省略号的方式显示出来

}

在li上的文本超出的以省略号形式显示

第二种方式：

div{
display:-webkit-box;

-webkit-box-orient:vertical;

-webkit-line-clamp:1;   设置只显示一行，超出一行的就不显示

overflow:hidden;  超出设置的隐藏

text-overflow:ellipsis;  超出的用省略号表示

}

写在内div