文本超出部分用省略号text-overflow: ellipsis；--不起作用

设置文本超出宽度使用省略号，要搭配width使用，才有效果(若不起作用，width就不要用百分比，等于vh试试)

li{
    width: 90%;
    overflow: hidden;/**超出部分隐藏 */
    white-space: nowrap;//强制不换行
    text-overflow: ellipsis;//文本超出部分用省略号
  }

若还是不起作用，可加上display: flex;

li{
   display: flex;
    width: 90%;
    overflow: hidden;/**超出部分隐藏 */
    white-space: nowrap;//强制不换行
    text-overflow: ellipsis;//文本超出部分用省略号
  }