Атрибут Обертывания ТЕКСТОВОЙ ОБЛАСТИ Мягкий Или Жесткий

#html #textarea #word-wrap

Вопрос:

Я прочитал w3schools и MDN, чтобы узнать, как wrap <textarea> работает атрибут of. Я видел здесь вопрос, который объясняет разницу между мягкой и твердой оберткой, но я не могу его понять. Может ли кто-нибудь объяснить мне это более простым способом?

Ответ №1:

wrap: hard разбивает длинные слова на более мелкие (в случае cols , если установлен атрибут — это будет длина меньших слов)

Обертывание: жесткое

Например, эта форма будет иметь выходные данные WWWWWWWWWW WWWWWWWWWW WWWWWWWWWW WWWWWWWWWW WWWWWWWWWW WWWWWWWWWW W :

 <form>
  <textarea cols="10" wrap="hard">
  WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW
  </textarea>
  <input type="submit">
</form>
 

Обертывание: мягкое

С wrap: soft его помощью будет получен этот вывод (такой же, как значение): WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW

Обертывание: выключено

Также есть опция wrap: off , которая означает, что ничто не будет разделено на большее количество строк. Вместо этого будет добавлена полоса прокрутки. У него нет изменений в выводе, что будет похоже на wrap: soft : WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW

 <textarea wrap="off">
WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW
</textarea>