Кто-нибудь знает способ использования {text-overflow: ellipsis;} для фрагмента текста, который переносится на вторую строку?
Добавление:
{whitespace: nowrap;}
заставляет работать text-overflow, но мне нужно обернуть текст, чтобы я действительно не мог его использовать.
Я уверен, что то, что вы пытаетесь сделать, невозможно в чистом решении CSS. Однако есть способ взломать аналогичный результат. Вот что я сделал:
http://cce.usyd.edu.au/courses/Business+%26+Management/Business+Communication
Посмотрите на затухание в блоке текста, представляющем каждый курс? Это было сделано, сначала ограничивая переполнение обычным способом, а затем помещая еще один div поверх верхней строки и реализуя затухание в CSS. Вместо выцветания вы также можете вставить многоточие или какой-либо другой визуальный ключ.
Таким образом, не совсем решая его так, как вы хотите, но добиваясь аналогичного результата пользовательского интерфейса, чтобы пользователь знал, что контент усечен. Лично я думаю, что это довольно красиво: -)
Если вы знаете, что содержимое будет переноситься на две строки каждый раз, когда это решение будет работать. Используйте ::after и содержимое: '...'; а затем поместите его в нижний правый угол вашего типа (который должен быть элементом уровня блока). Это будет работать, только если вы работаете против сплошного цвета фона, поскольку вам нужно установить фон ::after для соответствия.
Единственное падение - это ограниченные параметры, которые могут быть успешными, и тот факт, что он уменьшит символ пополам, если что-то не выстроится правильно (что, вероятно, не будет).