I've not been able to find how to keep text limited to the dimensions of say a div.
To keep my example/request super easy, let's say I only have one line across the div width I want to display, like a caption. "The lazy brown fox jumped over the moon" might easily fit across the page with a fontsize less than 32pt, but what if the font was 32 or more?
Char count won't work since a fontsize change would alter the number of characters needed to cross the page. overflow:hidden won't work because when I grab the data contents, it includes all the characters. Maybe there's some way to identify any characters that roll over into the hidden area and basically delete those characters?
I'm trying to do something like a greeting card app and although I want the user to have a lot of font control, I also have to restrict their text to a specific real-estate size.
Appreciate any suggestions that could help me write this little web app. Thx.