Forum categories

Перенос текста. Слитное слово из 1000 символов.

как с таким быть? текст выходит за рамки ....


webitproff
webitproff • 2024-07-04 08:51 #1

Когда текст, а точнее одно слово из 1000 символов не вмещается в контейнер, - используем классы переноса, переполнения и разрыва текста.

 

Как это исправить?

 

В UIKit3 это так:

<div class="uk-panel uk-text-break">Loremipsumdolorsitamet,consecteturadipiscingelit,seddoeiusmodtemporincididuntutlaboreetdoloremagnaaliqua.</div>

 

Если речь о сборке маркетплейса, например страница карточки задания, - открываем наш шаблон этой страницы:

public_html/themes/marketplace/modules/projects/projects.tpl

открываем примерно 124 строку и находим

<div class="uk-container">

добавляем класс "разрыва/разбиения"uk-text-break

чтобы получилось так:

<div class="uk-container uk-text-break">

 

сохраняемся - результаты на скриншотах.

 

Если кому интересно - в Bootstrap 5 это вот так.

 

This post was edited by webitproff (2024-07-04 09:00, 2 years ago)
3/3/0

🗿

🧙‍♂️ Well met, good traveler! Fate has guided your steps to our humble realm. Here, wise sages and masters of the coding craft ⚒️📜 gather to unravel the mysteries of the code ✨⚙️, share their knowledge, and add new chapters to our chronicles.
⬅️ To the left lie ancient scrolls 📚 filled with forgotten wisdom. ⬆️ Straight ahead, friendly folk offer counsel 💬 to those in need. ➡️ To the right, you may become a chronicler ✍️ yourself, sharing your craft and leaving words of wisdom for those yet to come.
📝 Delay no longer—tell us the name by which you are known, complete the rite of registration 🛡️, and join our fellowship!
🏰 Our brotherhood holds no secret initiation, yet many halls remain closed to wandering guests, for some knowledge 💎 is reserved for those who choose to walk this path beside us.