How to overflow multiple p in a div is shown by ellipsis

.text-overflow(@lineClamp:4) {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box; /**  **/
  -webkit-box-orient: vertical; /**  **/
  -webkit-line-clamp: @lineClamp; /**  **/
  overflow: hidden;

  //text-overflow: ellipsis;
  //display: -webkit-box;
  //-webkit-line-clamp: @lineClamp;
  //-webkit-box-orient: vertical;
}

because now the data is sent through the editor, including multiple P tags

clipboard.png
causes the current writing to be useless

can"t you limit the height of this part of the content?

what if you limit the height change under different screens

Css
Mar.02,2021

more of these sexual tests?
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 240px;
try?

Menu