$(function() { $('ul.list li').smartTruncation(); $('ul.file-list li').smartTruncation({ 'protectExtensions': true }); $('ul.centered-list li').smartTruncation({ 'truncateCenter': true }); });
Default <ul class="list"> <li> Lorem ipsum dolor sit amet aliquip äx ea commodo consequat adipisicing elit, sed do aliquip </li> <li> Consectetur adipisicing elit, sed do aliquip ex ea commodo consequat </li> <li> Eiusmod tempor incididunt aliquip ex ea commodo consequat </li> </ul> Protect extension <ul class="file-list"> <li> Ruby Programming_Syntax_Classes - Wikibooks, collection of open-content textbooks.pdf </li> <li> Some_very_long_filename_for_a_keynote_presentation_ still_going_on_and_on_and.key </li> <li> newsletter-subscription-optin-module.1.1.6.zip </li> </ul> Truncate centered <ul class="centered-list"> <li> Lorem ipsum dolor sit amet aliquip äx ea commodo consequat Lorem ipsum dolor sit amet aliquip äx ea commodo consequat </li> <li> Consectetur adipisicing elit, sed do aliquip ex ea commodo consequat </li> <li> Eiusmod tempor incididunt aliquip ex ea commodo consequat Consectetur adipisicing elit, sed do aliquip ex ea commodo consequat </li> </ul>
ul.list, ul.file-list, ul.centered-list { border-top: 1px solid #fff; background: #eee; list-style: none; margin: 0; padding: 2em 50px; } ul.list li, ul.file-list li, ul.centered-list li { padding: .5em 0; border-bottom: 1px solid #fff; }