Javascript 关于用一个文本溢出并排对齐两个跨距

我想对齐屏幕截图中的文本。第一个跨度溢出，应显示椭圆，但第二个“全部清除”应始终显示在最后一个跨度元素的右侧

{{vm.filterSelections}
清除所有

看看这个，我认为它提供了您要求的元素：

。过滤器显示栏{
溢出：隐藏；
线高：1.1；
垂直对齐：底部对齐；
}
.长文本{
显示：内联块；
最大宽度：计算（100%-60px）；
空白：nowrap；
文本溢出：省略号；
溢出：隐藏；
}
.全部清除{
显示：内联块；
颜色：钢蓝色；
光标：指针
空白：nowrap；
溢出：隐藏；
}

Lorem ipsum Door sit amet，为精英们献身，为我们奉献。
清除所有

看看我的解决方案。我对

span使用了绝对位置。清除所有
。我还将
右填充设置为
div.filter-display-bar
，它等于
span。清除所有
宽度。这里有一个演示：
我不希望它总是在正确的0位置，而是总是在第一个跨度的下一个边。@Smitha更新了我的答案