Question

I have a div with some standard width/height..
What css parametrs should i know, to calculate how many letters the div fit with no overflow?
I think that the following parametrs are neccessery..

1. font-size
2. text-indext
3. letter-spacing
4. line-height

Then how can i calculate the max number of letters the div fit?

Answer 1

First let’s assume you have a fixed css on the divs:

width
height
line-height
font-size
font-family
etc.

I would write some javascript to fill this div many times with different text (maybe pulled form actual articles) and do this in different browsers. Each time calculate the maximum number of characters that fill, but do not overflow the div. Then you have an upper bound on the number characters you need to send to always fill the div. Truncate each article in your slider to that number. You could add 10 characters if you want to ensure overflow and then use overflow hidden or ellipses or whatever.