#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>