Как контролировать перекрывающийся текст для длинных URL

Question

У меня есть секция комментариев определенной ширины.Когда я публикую длинный URL, этот текст перекрывается, так как между ними нет пробелов.Как это исправить в HTML

Answer 1

Насколько я знаю, нет HTML-способа сделать это. Поскольку это связано с отображением / дизайном, вы можете использовать CSS:

overflow: hidden;

Это тоже может сработать:

word-wrap: break-word;

Переполнение & Перенос слов ссылки.

Редактировать: overflow: hidden будет скрывать текст, выходящий за пределы размера его контейнера, и word-wrap: break-word должен вызвать разрыв в слове.

Answer 2

У вас есть несколько вариантов.Вы можете изменить свою систему комментариев на стороне сервера, чтобы она автоматически вставляла разрыв строки, если слово превышает определенную длину.

Или вы можете установить переполнение стиля CSS на скрытый, прокрутку или что-то вродечтобы предотвратить растяжение содержащего DIV комментария - это тоже может помочь.

Answer 3

Нет решения в чистом HTML.Если вы можете использовать JavaScript или AJAX, вы можете преобразовать URL в реальную ссылку и заменить текстовую часть только первыми 20-30 символами URL: http://some.com/a...