Как контролировать, какой диапазон имеет приоритет, когда оба имеют переполненный контент? - PullRequest
0 голосов
/ 30 мая 2018

У меня есть такая структура:

<li class="parent">
    <span class="float-left less-important">Overflowing content...</span>
    <span class="float-right more-important">More Overflowing content...</span>
</li>

Оба элемента <span> могут иметь переполненный контент.Однако я хочу, чтобы второй <span> имел приоритет и расширялся, когда его содержимое переполнялось, уменьшая тем самым первый диапазон (первый диапазон будет использовать text-overflow: ellipsis; для обработки переполнения).Если второй <span> имеет минимальное содержимое, я хочу расширить первый <span> до определенной ширины.

Это можно сделать с помощью простого CSS, чтобы второй <span> продолжалсярасширить и первый <span> будет сжиматься до определенной точки?Я предполагаю, что это можно сделать с помощью свойств минимальной / максимальной ширины.К сожалению, я не смог найти способ заставить первый <span> сжаться.Вместо этого происходит то, что второй пролёт переходит на следующую строку.Кроме того, оба этих диапазона установлены на float (я не могу это контролировать).

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...