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)
Скачиваний: 147

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

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