Поиск текста, который был скрыт из-за переполнения: скрыт?

У меня есть блок <div>, который содержит неизвестное количество текста.Поиск текста, который был скрыт из-за переполнения: скрыт?

CSS-код для блока:

.synopsis { width:600px; height:32px; line-height:16px; overflow:hidden; }

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

Каков самый чистый способ узнать, какой текст был скрыт от просмотра? Любые функции jQuery/Javascript, которые это делают?

источник

2012-02-08 Dr. Paul Jarvis

Когда вы говорите, что хотите узнать, какой текст скрыт, вы имеете в виду подстроку исходного полного текста (т. Е. Как строку Javascript)? – daniel

Да, это именно то, что мне нужно ... Текст, который не отображается в представлении ... Мне нужно это как строка .. C#, Javascript .. что угодно –

Вы можете удалить высоту с помощью CSS, или если вы хотите сделать это с помощью JQuery вы можете использовать в чем-то вроде этого:

$('.synopsis').css('height','auto');

источник

2012-02-08 15:48:21 David

Если я вас правильно понял, то простой способ найти текст, который захлестнул бы добавить видимый цвет фона и закомментируйте overflow:hidden на вашем synopsis классе, что-то вдоль линий:

.synopsis { 
    background: #FF0000; 
    height: 32px; 
    line-height: 16px; 
    /*overflow: hidden;*/ 
    width: 600px; 
}

Вот в JSFiddle с тем, что я имею в виду: http://jsfiddle.net/UeaBA/4/

источник

2012-02-08 15:53:40 James

Я не думаю, что есть какой-либо простой способ получить это в любом скрипте. Единственный способ, на который я могу думать, - получить высоту и ширину каждого символа, присутствующего в этом div. Вы должны выполнить определенные вычисления по этим метрикам, чтобы определить, какие символы попадают в видимую область. Это было бы самым сложным делом.

источник

2012-02-08 18:00:40 Goje87

Поиск текста, который был скрыт из-за переполнения: скрыт?

ответ

Смежные вопросы