css强制一行显示超出的部分显示点点点

要达到的效果如下:

芜湖芜湖芜湖......

1.首先盒子应该有固定的宽度

width: 100px;

2.设置 溢出隐藏

overflow: hidden

3.设置文本强制在一行显示

 white-space: nowrap;

4.设置文本溢出显示省略号

text-overflow: ellipsis;

做完这几步我们就能拿到想要的效果了