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