Question

＆lt; p＆gt;＆lt; div class =＆＃34; snippet＆＃34;数据琅=＆＃34; JS＆＃34;数据隐藏=＆＃34;假＆＃34;数据的控制台=＆＃34;假＆＃34;数据巴贝尔=＆＃34;假＆＃34;＆GT;＆＃13; ＆lt; div class =＆＃34; snippet-code＆＃34;＆gt;＆＃13; ＆lt; pre class =＆＃34; snippet-code-js lang-js prettyprint-override＆＃34;＆gt;＆lt; code＆gt; if（$（＆＃39; h4＃rankText - ＆＃39; + i）.text （）。长度＆gt;＆＃39;肖申克的救赎（＆＃39; .length）{＆＃13; $（＆＃39; h4＃rankText - ＆＃39; +（i + 1））。parent（）。after（＆＃39;＆lt; div class =＆＃34; clearfix visible-md＆＃34;＆gt; ＆LT; / DIV＆GT;＆＃39;）;＆＃13; }＆LT; /代码＆GT;＆LT; /预＆GT;＆＃13; ＆LT; / DIV＆GT;＆＃13; ＆LT; / DIV＆GT;＆＃13; ＆LT; / p为H. ＆lt; p＆gt;我通过ajax获取数据并在列和行中显示它。所以我有两列，这些列中的每个元素都有h4标题但是当这个＆lt; strong＆gt;标题变得更大时，下面的元素会变得混乱。＆lt; / strong＆gt; 在上面的代码中，我正在检查rankText-i是否有比某个字符串更大的文本然后在其下一个元素下面应用clearfix，以便它下面的下一行不会搞砸。但它似乎不起作用。我究竟做错了什么？有更好的解决方法吗？＆lt; / p＆gt;

Answer 1

您可以尝试设置h4标签的宽度，最大宽度并使用css text-overflow

    h4 {
    text-overflow: ellipsis;
    }

更多细节：http://www.w3schools.com/cssref/css3_pr_text-overflow.asp

ajax内容的bootstrap clearfix

1 个答案: