Разбивать только длинные слова css JQuery
У меня есть оболочка комментария
Где есть два случая
СЛУЧАЙ ПЕРВЫЙ Короткие слова
<div class = "comment">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.
</div>
СЛУЧАЙ ВТОРОЙ Длинные слова смешиваются с короткими словами.
<div class = "comment">
LoremipsumdolorsitametconsecteturadipiscingelitseddoeiusmodtemporLoremipsumdolorsitametconsecteturadipiscingelitseddoeiusmodtemporLoremipsumdolorsitametconsecteturadipiscingelitseddoeiusmodtemporLoremipsumdolorsitametconsecteturadipiscingelitseddoeiusmodtemporLoremipsumdolorsitametconsecteturadipiscingelitseddoeiusmodtemporLoremipsumdolorsitametconsecteturadipiscingelitseddoeiusmodtempor
tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.
</div>
Я проверял вопросы и не хочу использовать word-break: break-all;, потому что он нечетко разбивает все слова.
Я хочу знать, можно ли dectec с JQuery размер каждого слова, и если одно слово длиннее, чем ..30 символов, это ничего не сломает.
или поместите текст в <p> и укажите ширину вместо <div>
с контейнера отвечает width:100%
Ответы 1
Вы можете попробовать использовать overflow-wrap: break-word ... поскольку он создаст разрыв только в том случае, если целое слово не может быть помещено в отдельную строку без переполнения.
Также добавьте максимальную ширину к вашему контейнеру, поскольку я предполагаю, что вы не хотите, чтобы длина строки становилась слишком длинной для удобочитаемости на больших точках останова.
Если мой ответ помог решить вашу проблему, я буду очень признателен за ваш голос, тогда я смогу продолжать помогать другим. Спасибо.
вы можете ограничить
widthиз<div class = "comment">