Bymas | Не срабатывает css

Привет всем, хочу сделать укороченный текст в css без переноса на другую строку "Текст..."
Прописываю код:

css

.ws-nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

Подключаю стиль в нужное место но троеточие не появляется...

html

<div class="side-block__content ws-nowrap">

{custom limit="6" template="custom-popular"}

</div>

Обрезка текста без ... а надо с ...

Изображение

------

85602_20230318_124059.png (72.6 Kb)
Скачиваний: 140

КОТЭЙКА , наверно легче

php

<?php

echo mb_strimwidth("Hello World", 0, 10, '...', 'UTF-8');

// Выведет "Hello W..."

?>

________
посл. ред. 18.03.2023 в 12:54; всего 1 раз(а); by airo

airo , Куда мне это пихать?

КОТЭЙКА , вместо той переменной которая выводит сериал. вообще скинул бы код вывода

Надо применять обрезку для конкретного блока с текстом, а не всего контейнера

Пиши в лс, помогу

КОТЭЙКА [!] (18 мар 2023, в 12:57)

airo , Куда мне это пихать?

Туда, о чем мы подумали

https://codepen.io/galtsevt/pen/ExepXjG