单行文本超出显示省略号的效果怎么实现？

先给元素设置宽度width
再添加white-space：nowrap;
再添加overflow：hidden;
再添加text-overflow：ellipsis;