Skip to content

ryanflorence/FitText

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

FitText

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.

About

Truncates lines of text to fit within a container

Resources

Stars

Watchers

Forks

Packages

No packages published