Finding the text that has been hidden due to overflow:hidden?

Question

I have a <div> block that contains an unknown amount of text.

The css for the block is:

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

In essence the block allows for two lines of text, once the text reaches the block's limits, the rest is hidden from view.

What is the cleanest method to find out what text has been hidden from view? Any jQuery/Javascript functionality that does this?

When you say you want to find out what text is hidden, do you mean as a substring of the original full text (ie. as a Javascript string)? — daniel
– daniel, Commented Feb 8, 2012 at 16:04
Yes, that is exactly what I need... The text that isn't displayed in the view... I need it as a string.. C#, Javascript.. whatever — Dr. Paul Jarvis
– Dr. Paul Jarvis, Commented Feb 8, 2012 at 16:21

David · Accepted Answer · 2012-02-08 15:48:21Z

0

You can remove the height from the css, or if you want to do this with jQuery you can use in something like this:

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

answered Feb 8, 2012 at 15:48

David

4321 gold badge7 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

James · Accepted Answer · 2012-02-08 15:53:40Z

0

If i've understood you correctly, then a simple way to find the text that's overflowed would be to add a visible background colour and comment out the overflow:hidden on your synopsis class, something along the lines of:

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

Here a JSFiddle with what I mean: http://jsfiddle.net/UeaBA/4/

answered Feb 8, 2012 at 15:53

James

5423 silver badges14 bronze badges

Comments

Goje87 · Accepted Answer · 2012-02-08 18:00:40Z

0

I dont think there is any easy way to obtain that in any script. The only way I can think as of now is to get the height and width of each character present in that div. You have to do certain calculations on these metrics to derive which characters fall in the visible area. This would be the most complex to do.

answered Feb 8, 2012 at 18:00

Goje87

2,8797 gold badges30 silver badges49 bronze badges

Collectives™ on Stack Overflow

Finding the text that has been hidden due to overflow:hidden?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related