Function that return the part of a div that overflowed?

Question

I have div that contains a long text, including other HTML markup (<h1>, <b>, etc). The div has the following css rule:

height: 100px; overflow: hidden;

Is there a jQuery function that gives me the part of the text that is overflowing the specified div bounds, so that I can append it to another div?

Nice question. But I don't think that's possible. `:(` Different browsers have different font implementation based on the viewport size. — Praveen Kumar Purushothaman, Dec 02 '15 at 13:26
@PraveenKumar Thank you. Lets assume we use times new roman thats is cross browser solution — Wermerb, Dec 02 '15 at 13:46
@JTC Thank you, its a nice function but i need that part what is overflown to be able to append to an other div — Wermerb, Dec 02 '15 at 13:47
Check out this question, I think that may help you: http://stackoverflow.com/questions/7400174/continuing-overflowed-text-in-a-different-div — Olivier De Meulder, Dec 02 '15 at 13:57
@OlivierDeMeulder Thank you it helped me a lot. Its solves my issue. — Wermerb, Dec 02 '15 at 14:26

score 0 · Answer 1 · edited May 23 '17 at 12:30

0

You can calculate the number of characters that fit on a line and also easily calculate the number of lines that fit in the div (just devide the height by the font-size i think), check out this answer here -> How to count number of characters in a line using JavaScript

edited May 23 '17 at 12:30

Community

1
1

answered Dec 02 '15 at 13:56

Velimir Tchatchevsky

2,812
1
16
21

score 0 · Answer 2 · answered Dec 02 '15 at 14:02

0

Maybe this solution will be interesting :D.
CSS3 multicolumn

answered Dec 02 '15 at 14:02

Function that return the part of a div that overflowed?

2 Answers2