How to wrap text to fill a DIV (like in MS-Excel)

Question

Possible Duplicate:
Auto-size dynamic text to fill fixed size container

How can I get this text to shrink/enlarge the font-size automatically to fit perfectly wrapped into the box size?

I'm trying to do this with HTML & CSS but I don't see any option. I don't mind using javascript/jquery if there is a way.

text overflowing the container

Jan · Accepted Answer · 2012-08-13T16:07:12.620

3

Something like this maybe?

http://jsbin.com/opuzur/3/edit

Edit: Of course someone had already come up with a better solution... Check out the link in John's comment, has some good solutions! Still, it was good fun to have a crack at it! :)

edited Aug 13 '12 at 16:07

answered Aug 13 '12 at 15:59

Jan

5,688
3
27
44

This works pretty well thanks – user1094607 Aug 13 '12 at 20:53

score 1 · Answer 2 · answered Aug 13 '12 at 16:15

1

Try the jQuery truncation plugin trunk8

answered Aug 13 '12 at 16:15

Abhilash M A

564
5
12

Sorry but this is not what i'm asking for, although its nice to know this useful tool is available – user1094607 Aug 13 '12 at 20:03

How to wrap text to fill a DIV (like in MS-Excel)

2 Answers2