самозагрузки clearfix на АЯКС содержание

Question

if($('h4#rankText-'+i).text().length > 'The Shawshank Redemption ('.length){ 
 
      $('h4#rankText-' + (i+1)).parent().after('<div class="clearfix visible-md"></div>'); 
 
     }

Я получаю данные через AJAX и показать его в столбцах и строках. Итак, у меня есть два столбца, и каждый элемент внутри этих столбцов имеет заголовок h4, но когда заголовок становится больше, элемент ниже, который становится испорченным. В приведенном выше коде я проверяю, имеет ли rankText-i текст больше определенной строки, а затем применил clearfix под своим следующим элементом, так что следующая строка под ним не перепуталась. Но, похоже, это не работает. Что я делаю неправильно? Есть ли лучшее решение?

Answer 1

Вы можете попробовать множество ширину, макс ширину для h4 тегов и использовать CSS текст переполнение

h4 { 
    text-overflow: ellipsis; 
    } 

Подробнее: http://www.w3schools.com/cssref/css3_pr_text-overflow.asp