Html 如何通过点（…）减少段落长度？

我有一个p标签

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

如何使用css制作它？

---

如果可能的话，您也可以使用文本溢出：省略号；财产。这样写

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

---

选中此项，您还可以创建一个过滤器，并将要保留的字符数传递给它。 下面是一个实现示例：

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

使用angularjs

在控制器中定义范围变量

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

在视图中使用范围变量

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

{{ParaValue.length>8？ParaValue.substring（0,8）+'…'：ParaValue}

您可能会使用角度截断，这可能不是一个好的解决方案，例如，如果在某个ng重复中。

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