超出宽度显示省略号

省略号的效果需要满足以下条件

.container {
    width: 100px; // 要给容器设置宽度
    overflow: hidden; // 要设置容器溢出时的行为: hidden
    text-overflow: ellipsis; // 要设置文本溢出的行为: ellipsis 省略号
    white-space: nowrap; // 要设置文本在一行内展示
}

overflow:hidden

text-overflow: ellipsis

white-space