java - 仅显示 3 行标签包含几个

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 项目。

谢谢你。

标签： javahtmlcssangular

Answer 1

您应该p在从后端获取 html 代码后删除标签并将此 css 添加到p标签中。

这是解决方案：

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

我希望这对你有用。