Обтекание текстом с фиксированной максимальной высотой
Мне нужно иметь поле (div) с текстом по нескольким строкам, и это поле должно иметь фиксированную ширину и фиксированную максимальную высоту.
Я использую overflow: hidden;
. Теперь моя проблема в том, что если последняя строка не соответствует высоте div max, она будет срезана (например, вырезать только половину строки). То, что я хочу сделать в этом случае, - это не показать последнюю строку и отобразить эллипсис в последнем
Моя проблема заключается не в том, что в одной текстовой строке не используется многоточие (с использованием свойства white-space: nowrap
), основная проблема заключается в том, что текст обрезается в последней строке, многоточие не является проблемой, потому что в последнем случае я могу использовать jQuery вставить его
Ответы
Ответ 1
Добавить
text-overflow: ellipsis;
в Div
EDIT: ok, пока невозможно, но не стандартизированным способом.
НО, можно добиться этого с помощью экспериментальных функций веб-кайт (см. этот раздел),
или сделать это с помощью JS через решение, написанное этим парнем, и размещенное на github.