Как да се справя с опаковането на текст в CSS? [дубликат] - html, css

Възможно дублиране:
Автоматичен размер на динамичния текст, за да запълни контейнера с фиксиран размер

Моля, разгледайте това:

Текстът "родителство" е една дума, но той пада на 2 реда, защото няма достатъчно място, за да се побере в съдържащия се div. Преди да добавите това свойство към div:

word-wrap: break-word;

Думата родителство просто избяга от екранане е добре, тъй като искам потребителят да може да чете заглавията. Но ако той падне на 2 линии, не изглежда много по-добре. Причината, поради която очевидното решение за намаляване на размера на текста няма да работи, е защото тези кутии се генерират динамично от задния край. понякога огромен.

Има ли начин да промените размера на текста, за да пасва идеално всеки път?

Отговори:

Не мисля, че с това може да се работи само с css, но ако искате да добавите JS / jQuery, за да изпълните задачата, предполагам, че тази нишка ще ви помогне: Автоматичен размер на динамичния текст, за да запълни контейнера с фиксиран размер