Как я могу усечь список тегов до одной строки, используя эллипсы, аналогичные тому, который мы используем для переполнения текста?

Question

Я создаю компонент Multiselect. Компонент выглядит следующим образом. Этот компонент представляет собой пример реализации концепции, размещенной по адресу Dribbble :

Я правильно понял большинство деталей. Однажды, что я не могу понять, это шаблон эллипсов (три точки, представляющие продолжение) для переполненных фишек (когда выбранные элементы больше не могут поместиться в одной строке). Как я могу это сделать?

1. Первое предпочтение - CSS только решение.
2. Если не просто CSS, то решение на основе JavaScript будет также работает.