javascript - 将其余文章隐藏在一定数量的字符处

将其余文章隐藏在一定数量的字符处

我有一个@foreach循环，我想在网格中显示div。问题是某些div的描述字母超过x个，因此样式变得怪异。如何将文字隐藏40个字母，例如Facebook风格。我希望所有盒子都一样。

这就是我现在所拥有的：

`<div class="row">
@foreach ( $objects as $object )
  <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
      <div class="panel panel-default">
          <div class="panel-body">
              {{ $object->body }}
      {{ $object->date }}
          </div>
      </div>
  </div>
@endforeach
</div>`

我认为，一旦单击（了解更多信息），我就必须使用服务器重新加载其余的说明。

我还不知道如何编写代码。无论是Vue还是Angular。

谢谢

最佳答案

使用Blade，可以使用str_limit。

{{ str_limit($object->body, $limit = 40, $end = '...') }}

这样一来，您可以在最后添加椭圆或任何您想要的均匀性。

（请参阅此答案：Truncate string in Laravel blade templates）

如果您特别需要使用Angular进行此操作，请参见以下答案：Limit the length of a string with AngularJS

关于javascript - 将其余文章隐藏在一定数量的字符处，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44315358/