p标签需要固定宽高
<!DOCTYPE html
>
<
html
lang=
"en"
>
<
head
>
<
meta
charset=
"UTF-8"
>
<
meta
name=
"viewport"
content=
"width='device-width', initial-scale=1.0"
>
<
meta
http-equiv=
"X-UA-Compatible"
content=
"ie=edge"
>
<
title
>Document
</
title
>
</
head
>
<
style
>
p{
height:
40px;
width:
200px;
overflow:
hidden;
/* white-space: nowrap; */
text-overflow:
ellipsis;
-webkit-line-clamp:
2;
word-break:
break-all;
display:-webkit-box;
-webkit-box-orient:
vertical;
}
<
/
style
>
<
body
>
<
p
>几乎都是负担看到老师发还是肯定会发生还是看回放还是看了回复你不看精彩的
</
p
>
</
body
>
</
html
>