Как усечь многослойный текст с CSS и добавить эллипсис в конце? ⇐ CSS

[Anonymous]

мне нужно завершить многострочный текст с "..." < /p>
Так что это мое решение, которое разрезало конец моего блока, но без "..." < /p>

• {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;
}
}
< /code>
Example text

Nature unfolds as a masterpiece of art, where forests breathe life
into the land, rivers carve paths through valleys, and mountains stand
guard over tranquil plains. Its beauty lies not just in visual
splendour but also in the symphony of sounds—the chirping birds,
gushing waterfalls, and gentle breeze caressing leaves. Each season
brings forth unique wonders: spring blooms rejuvenate spirits, summer
warmth nurtures growth, autumn colors paint the earth gold, and winter
silence wraps everything in peace. Nature embodies both power and
delicacy, reminding humans of their connection to something greater
than themselves. It invites exploration, reflection, and appreciation
for the simple yet profound joys found in being alive.

Expected result

Nature unfolds as a masterpiece of art, where forests breathe life
into the land, rivers carve paths through valleys, and mountains stand
guard over tranquil plains. Its beauty lies not just in visual
splendour but also in the symphony of sounds—the chirping birds ...


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