限制移动设备上的文本长度，响应（修剪文本/字符串）jQuery，CSS3，引导

我仅在使用jQuery移动设备时才尝试修剪文本/字符串。下面是一个引导驱动的示例，其中trim使用以下方法运行良好：

我们的目标是只有在移动电话（col xs-@媒体）上（最大宽度：767px）才激活微调

。。。或者根据屏幕大小进行两步修剪

• 在平板电脑@介质（最小宽度：768px）和（最大宽度：991px）上进行12次修剪
• 在介质上使用手机时在6处修剪（最大宽度：767px）

HTML

---

您可能正在寻找CSS

文本溢出：省略号属性吗？是的，在大多数情况下，这可能是最好的解决方案，但有时还不够或不适合特定情况，这就是为什么我考虑改用jQuery的原因。
<div class="row">
    <div class="col-xs-6 col-sm-4 col-lg-2 limit"><a href>lorem ipsum </a></div>
    <div class="col-xs-6 col-sm-4 col-lg-2 limit"><a href>dolor sit amet </a></div>
    <div class="col-xs-6 col-sm-4 col-lg-2 limit"><a href>consectetur </a></div>
    <div class="col-xs-6 col-sm-4 col-lg-2 limit"><a href>adipisicing elit </a></div>
    <div class="col-xs-6 col-sm-4 col-lg-2 limit"><a href>sed do eiusmod tempor </a></div>
    <div class="col-xs-6 col-sm-4 col-lg-2 limit"><a href>incididunt ut labore </a></div>
    <div class="col-xs-6 col-sm-4 col-lg-2 limit"><a href>et dolore magna aliqua </a></div>
</div>

$(function(){
  $(".limit").each(function(i){
    len=$(this).text().length;
    if(len>10)
    {
      $(this).text($(this).text().substr(0,10)+'...');
    }
  });       
});