<p>标记中仅显示3行，其中包含几行</p> <p> </p>

Question

我有一个p标签，其中包含几个p标签。

这是从后端获取的html代码

<p><p>Hello World1</p><p>Hello World2</p><p>Hello World3</p><p>Hello World4</p><p>Hello World5</p><p>Hello World6</p></p>

现在我真的只想显示几行。

但是后端有时也会返回不带p标签的html。

让我知道如何解决此问题。

现在我正在从事Angular 6项目。

谢谢。

Answer 1

从后端获取html代码后，应删除p标签，并在p标签中添加此CSS。

这里的解决方案：

display: -webkit-box;
overflow : hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; 

我希望这对您有用。