на egghead.io есть приятные

Привет. Есть div с текстом. Нужно с помощью js разбить текст на строки и взять три верхние. В JS не нашел нормального способа узнать ширину буквы. Что можно придумать?

Привет. Есть div с текстом. Нужно с помощью js разбить текст на строки и взять три верхние. В JS не нашел нормального способа узнать ширину буквы. Что можно придумать?

Опять сценарий нереальный придумали, кидай что есть сейчас и как должно выгледеть

нечего пока кинуть. есть <div> с текстом, нужно оставить только первые три строки. Разбивает по строкам сам браузеръ

нечего пока кинуть. есть <div> с текстом, нужно оставить только первые три строки. Разбивает по строкам сам браузеръ

А вот разбивку можно проигнорировать, если правильно управлять дивом

всмысле проигнорировать? самому сделать?

нечего пока кинуть. есть <div> с текстом, нужно оставить только первые три строки. Разбивает по строкам сам браузеръ

оставить в смысле показать или же прям текст вырезать ненужный?

нечего пока кинуть. есть <div> с текстом, нужно оставить только первые три строки. Разбивает по строкам сам браузеръ

jquery.dotdotdot

текст убрать ненужный

всмысле проигнорировать? самому сделать?

Ты хочешь сделать типа "кат"?

да

css стили не подойдут с фиксированной высотой div и overfrow: hidden?

Привет. Есть div с текстом. Нужно с помощью js разбить текст на строки и взять три верхние. В JS не нашел нормального способа узнать ширину буквы. Что можно придумать?

правильно поставленная задача уже полвоина решения

jquery.dotdotdot крутая штука, почти то что нужно. Только не хотелось плагин бы подключаь

Возьми среднее количество слов, а далее фигачь обрезку по wordwrap-аналогичным функциям.

jquery.dotdotdot крутая штука, почти то что нужно. Только не хотелось плагин бы подключаь

это умеет делать css

?

https://developer.mozilla.org/ru/docs/Web/CSS/text-overflow

высоту в 3 line-height и overflow. ну или как то так

считать ширину букв это идиотия

это умеет делать css

Построчно не умеет, только в одну строку

Я вот не понимаю, что вообще значит "считать ширину букв "

jquery.dotdotdot крутая штука, почти то что нужно. Только не хотелось плагин бы подключаь

Он же небольшой вроде, над скриптом его кинуть в тот же файл и все

ES 8 вышел ребзи)

ES8? а 7 пропустили?

ES 8 вышел ребзи)

О Господи, только не это

ES8? а 7 пропустили?

ты пропустил видимо

Ещё толком тут не разобрались

????

https://tc39.github.io/ecma262/

Ещё толком тут не разобрались

ты медленный

?

ERROR: S client not available

Построчно не умеет, только в одну строку

https://codepen.io/martinwolf/pen/qlFdp

Дайте ссылку про ES9 почитать, чтобы как-то успевать)

Дайте ссылку про ES9 почитать, чтобы как-то успевать)

читай пропозалы

А кто нибудь слышал про sencha (ExtJs) ?

https://codepen.io/martinwolf/pen/qlFdp

ну конечно, это если элементу задать фиксированную высоту, а без нее ты так не сделаешь

ширину можно и js попросить посчитать

кстати она там не фиксированая и прекрастно работает

ширину можно и js попросить посчитать

webkit-line-clamp, вот что в примере который ты скинул делает 3 точки в конце, кроссбраузерность где? нету, в css этого нормально не сделать

три точки делает text-overflow, но только с правильным white-space. Мультилайн не получится сделать

https://codepen.io/martinwolf/pen/qlFdp

спасибо, попробую что-нибудь такое же сделать

webkit-line-clamp, вот что в примере который ты скинул делает 3 точки в конце, кроссбраузерность где? нету, в css этого нормально не сделать

легко переписыватеся на after

легко переписыватеся на after

эм, что?

эм, что?

псевдоэлемент after

псевдоэлемент after

причем здесь он, что ты им собрался делать? ставить три точки в него и абсолютом ставить вправо вниз? genius.

причем здесь он, что ты им собрался делать? ставить три точки в него и абсолютом ставить вправо вниз? genius.

нет, каждое слово оборачивать js в span и last-child:after

боже