html - 具有多个跨度的文本溢出省略号

我有一个div里面有三个span元素。这三个span元素构成一个文本，我希望它仅限于一行。如果文本的宽度大于
JSFiddlehere
HTML格式：

<div class="box">
  <span>First text</span>
  <span>Second text</span>
  <span>Third long, long text</span>
</div>

CSS:

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

最佳答案

我想这就是你想要的？

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

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

关于html - 具有多个跨度的文本溢出省略号，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34036788/