Существует ли метод CSS для переноса текста без использования word-wrap: break-word, но с аналогичным эффектом?

Question

Это мой текущий код, который не может обернуть текст в элемент без разделения чего-либо наполовину:

<td style="width: 652px; max-width: 652px; border-left: 1px solid black; white-space: normal !important; word-wrap: break-word;">

Есть ли способ, которым я могу заменить слово-перенос: break-word; для чего-то еще с аналогичным эффектом, но не разделяя слово на полпути? Спасибо!

Answer 1

Вы можете указать в тексте, где слово будет разрываться, используя html-сущность ­ (мягкий дефис).Поместите объект в слово, и если оно приблизится к границе, оно сломается, и в конце вы увидите черту.

<div>
    ObserveMyLong&shy;Word
</div>

Недостатком этого решения является то, что, конечно, вы должны поместить егов тексте, где вы хотите, так что это жизнеспособно только для определенных слов, для которых действительно важно расположение разрыва слова.