发现一个很牛逼的样式,可以自动把列表标题之类的多余文字隐藏掉,并在文字末尾显示省略号,且保持列表样式。

具体如下:

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

其中 text-overflow 在定义了 overflow 之后才会生效。

white-space:nowrap 表示不换行。