isabella232 / fittext

Truncates lines of text to fit within a container

FitText

Truncates the text nodes of elements to fit inside a container

How to use

Example:

HTML:

#HTML
<ul id="container">
	<li><span>Lorem ipsum dolor</span></li>
	<li><span>sit amet, consectetur adipisicing</span></li>
	<li><span>elit, sed do eiusmod tempor incididunt ut labore et</span></li>
</ul>

CSS:

#CSS
ul {
	list-style: none;
	width: 50%;
}

li {
	white-space: nowrap;
}

JavaScript

#JS
var myFitText = new FitText('container','li > span',{
  offset: 20,
  fitClass: 'fitted'
});

View the MooDoc for usage and examples.