using with line break about ng-fittext.js HOT 5 CLOSED

You can do this with <= v2.4.0

<div data-fittext>
    <span>These lines</span>
    <span>will all be the same</span>
    <span>font size</span>
</div>

Can't remember if a line break works as well...

I'll have to see if I can get this working again in v3.0.0 + when I get some time.

from ng-fittext.js.

Running into a similar problem. Would be nice if you could configure the directive's link function’s hard-coded styles to maybe help this out (the element[0].style.whiteSpace = 'nowrap'; stuff.)

Awesome plugin, btw.

from ng-fittext.js.

Aye, I didn't think about multi-line when including those styles.

from ng-fittext.js.

Line breaks now work in v3.2.0 with min font size specifications, see demo (type in input): http://patrickmarabeas.github.io/ng-FitText.js/ but isn't something you can specify as to where it occurs.

To be able to specify we need to divide the ratio by the number of line breaks. Are you simply using <br>'s? The other option would be to look for data attributes which could be specified on any element...

<span data-fittext>
    <span data-fittext-sub>Line 1</span>
    <span data-fittext-sub>Line 2 that's longer</span>
</span>

Let me know what you think...

from ng-fittext.js.

v3.3.0 adds data-fittext-nl attribute. Wrap each new line in a span/wrapper of some sort and include the attribute. See demo page for example: http://patrickmarabeas.github.io/ng-FitText.js/

from ng-fittext.js.