Многострочный текст с "..." "В конце концов ⇐ CSS

[Anonymous]

Мне нужна помощь с многострочным усеченным текстом. Я не могу вырезать последнее слово «...» в текстовом блоке с количеством строк Рэндона.

• {tags.map((item) => (
• {item}
  ))}

< /code>
&__text {
@include manrope-15($size: 15px, $weight: 500, $color: $grey-blue);
width: 270px;
max-height: 192px;
overflow: hidden;
white-space: wrap;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
margin: 0;
position: relative;
}
< /code>
And i tried somthing like this, but it look's like strange and not flexible.
&__text {
@include manrope-15($size: 15px, $weight: 500, $color: $grey-blue);
width: 270px;
max-height: 192px;
overflow: hidden;
white-space: wrap;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
margin: 0;
position: relative;

&::after {
content:"...";
position: absolute;
bottom: 0;
right: 40px;
color: black;
}
}


Подробнее здесь: https://stackoverflow.com/questions/787 ... in-the-end