Ajax的内容引导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