Каков наилучший метод переноса слов?

Question

У меня к вам два вопроса, ребята:

• Как правильно переносить комментарии, сделанные пользователем? Я имею в виду, я знаю, что это можно сделать с помощью CSS, но, возможно, было бы безопаснее делать это на стороне сервера (с некоторой манипуляцией возвратом каретки, я думаю). Какой самый лучший способ? Что рекомендует W3?

• Кроме того, если я хочу, чтобы текст помещался на экране и настраивал его длину на ширину экрана во время его изменения, как мне это сделать?
  Я видел это много раз на многих сайтах, но я не уверен, как это работает. Это делается с помощью wordwrap функции PHP или какого-либо стиля в CSS

Спасибо:)

Answer 1

W3 рекомендует использовать CSS. Перенос слов намного проще на стороне клиента, чем на стороне сервера. Тем не менее, браузер должен сделать это за вас в любом случае, и вам не нужно ничего делать.

Чтобы разместить текст на экране, просто используйте div или другой блочный объект. Это займет ширину экрана, и браузер будет обрабатывать перенос слов.

Например

CSS-перенос слов, только если вам нужно принудительно переносить.

div { word-wrap: break-word } 
<div style="word-wrap: break-word">Long content here that will wrap automatically by thte browser, but you can force it with CSS break-word</div>

Answer 2

Если вы не используете <pre>, \n не создаст разрыв строки в html-коде, поэтому wordwrap помогает только сохранять короткие строки в исходном коде, чтобы их было легче читать.

В зависимости от шрифта, используемого браузером, символы будут разной длины, поэтому лучше использовать css для переноса. Я думаю, что достаточно определить ширину тега контейнера (<div>), а браузер сделает все остальное.