Эллипсис переполнения текста CSS для обертки с несколькими горизонтальными элементами

Question

У меня есть оберточный элемент с переменной шириной (он должен зависеть от ширины текущего браузера).

Внутри этой обертки могут быть 1, 2 или 3 элемента span. Длина текста на каждом spans неизвестна.

Это ожидаемое поведение, но для этого примера мне пришлось определить ширину для каждого span из 30% (определить ширину 30% для использования text-overflow:ellipsis), но и я не могу назначить фиксированную ширину в этих элементах, так как я знаю, сколько будет пробелов.

Есть ли способ, чтобы получить такое поведение без указания ширины для каждого элемента и без использования Java Script?

Answer 1

Вы должны указать ширину otherwize каждый элемент будет иметь ширину на 100%:/

Это не проблема, не указывать ширину, когда есть только один элемент

Answer 2

вы можете подсчитать, сколько промежутки были отображены, а затем разделили всю ширину на количество пролетов ... результат был бы шириной каждого пролета ... тогда вы можете сделать что-то вроде

$('.spans').css('width', computedwidth);