Pre и textarea в HTML могут отображать предварительно отформатированный текст. то есть сохранять пробелы и новые строки. Вместо добавления элементов HTML, таких как <br> и  , для добавления разрывов строк и пробелов для печати.
предварительное удаление полосы прокруткиКогда предварительно отображается текстовое содержимое, оно не переносится автоматически. Чтобы решить эту проблему, можно добавить немного CSS:
<Pre> Это очень-очень-очень-очень-очень-очень-очень-очень-очень-очень-очень-очень-очень-очень-очень-очень содержимое ; цвет фона: #f5f5f5; граница: 1 пиксель, сплошной #ccc;}
Textarea делает высоту адаптивной к высоте контента
Textarea также может сохранять формат содержимого, как и предыдущий, но высота элемента фиксирована и не может быть отрегулирована с помощью CSS. На данный момент вы можете использовать атрибут ScrollHeight.
var textarea = document.getElementsByTagName('textarea')[0];textarea.setAttribute('style','height:'+(textarea.scrollHeight + 12)+'px');
Здесь добавляется отступ размером 12 пикселей.
Подвести итогВышеупомянутый редактор знакомит вас с тем, как заставить HTML-элементы, такие как pre и textarea, удалять полосу прокрутки, автоматически переносить текстовое содержимое и адаптироваться к высоте текста, я надеюсь, что это будет вам полезно. Если у вас есть вопросы, оставьте мне сообщение, и редактор оперативно ответит всем. Я также хотел бы поблагодарить всех за поддержку сайта боевых искусств VeVb!
Если вы считаете, что эта статья вам полезна, вы можете ее перепечатать, укажите источник, спасибо!