带有多个跨度的文本溢出省略号

我里面有div三个span元素.这三个span元素组成一个单独的文本,我希望将其限制为一行.如果宽度大于div's,我想对文本应用省略号

JSFiddle 在这里

HTML:

  First text
  Second text
  Third long, long text

CSS:

.box{
  border: 1px solid red;
  width: 200px;
}

AVAVT.. 6

我想这就是你想要的？

.box{
  border: 1px solid red;
  width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

JSFiddle:https://jsfiddle.net/g56rffds/1/

我想这就是你想要的？

.box{
  border: 1px solid red;
  width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

JSFiddle:https://jsfiddle.net/g56rffds/1/