white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
但是因为两个行内元素例如span一起的时候会出现一些间距,为了去掉这些间距我们可以给元素添加font-size:0;但这样做的话,会发现省略号消失了,但不添加font-size:0;又会出现间距
<span>1</span>
<span>2</span>
那么我们可以将第一个尾部与第二个头部之间的空白字符删除,这时候文字间的间距就会消失,font-size:0;也可以取消不写,这时候省略号也会出现
<span>1</span><span>2</span>