Question

我有一个p标签，

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

我必须在8个字符之后剪切句子，但之后应该出现点。喜欢

 best vil...

如何使用css？如果它可能由角js也赞赏

Answer 1

为此您可以使用文本溢出：省略号;属性。像这样写

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

选中此http://jsfiddle.net/Y5vpb/

Answer 2

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

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

Answer 3

使用angularjs

在控制器中定义范围变量

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

在视图中使用范围变量

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

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

3 个答案: