如何通过点（...）减少段落的长度？答案

【问题标题】：How to reduce the length of the paragraph by dots(...)?如何通过点（...）减少段落的长度？
【发布时间】：2016-07-26 07:42:40
【问题描述】：

我有一个 p 标签，

<p> best villan in the film industry</p>

我必须在 8 个字符后删减句子，但在那之后应该会出现点。喜欢

 best vil...

如何使用 css 制作它？如果它可能通过角度 js 也赞赏

【问题讨论】：

你可以使用 angular-truncate github.com/igreulich/angular-truncate

标签： html css angularjs

【解决方案1】：

为此，您可以使用 text-overflow: ellipsis;财产。像这样写

#content_right_head span{
    display:inline-block;
    width:180px;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
}

查看http://jsfiddle.net/Y5vpb/

【讨论】：

【解决方案2】：

在角度中，您还可以创建一个过滤器并将您想要保留的字符数传递给它。这是一个实现示例：https://github.com/sparkalow/angular-truncate

另一个例子：jsfiddle.net/tuyyx/

【讨论】：

【解决方案3】：

使用 angularjs

在控制器中定义范围变量

$scope.ParaValue= "best villan in the film industry"

在视图中使用范围变量

<p>
{{ ParaValue.length > 8 ? ParaValue.substring(0,8)+'.....' :ParaValue}}
</p>

【讨论】：

这可能不是一个好的解决方案，例如，如果
在某个 ng-repeat 中。