Очень длинные слова без переноса в HTML / CSS
У меня возникла проблема, когда пользователь вводил длинный комментарий / слово, например «cooooooooooooooooooooooooooooooooooooooool» это нарушит форматирование на странице.
Вот изображение ниже, чтобы помочь объяснить сценарий (не в масштабе), а также используемый код:
Html:
<p>cooooooooooooooooooooooooooooooooooooooool</p>
<br>
<a class="delete-comment" data-delete-comment-id="28" href="/">Delete</a>
Css:
.comment-content
{
width: 525px;
margin: 13px 25px 0 0;
}
.comment-content p
{
width: 525px;
}
Мне интересно, есть ли быстрое решение для этого, не меняя слишком много разметки и CSS, так как это область кода, которую мы бы не хотели вносить в ошибки путем изменения кода приложения (написано в ASP.NET/MVC 3).
Если CSS / Html был не вариант, я думаю, HTML 5 Тег можно использовать для отделения слова после «х» количество символов - единственная проблема в том, что веб-сайт многоязычен на 9 языках. Например, для японского и китайского языков текстовые символы значительно больше, чем текстовые символы английского языка, для которых потребуется несколько условных кодов, чтобы получить количество символов перед добавлением
или размер шрифта уменьшился. Просто после предложений о лучшем решении действительно.
Большое спасибо