يمكن لمنطقة Pre وtextarea في HTML عرض نص منسق مسبقًا. أي الحفاظ على المسافات والأسطر الجديدة. بدلاً من الاضطرار إلى إضافة عناصر HTML مثل <br> و لإضافة فواصل الأسطر ومسافات الطباعة.
قم بإزالة شريط التمرير مسبقًاعندما يتم عرض محتوى النص مسبقًا، فإنه لن يلتف تلقائيًا. يمكنك إضافة بعض CSS لحل هذه المشكلة:
<pre>محتوياتنا مسجلة جدًا جدًا جدًا جدًا جدًا جدًا جدًا جدًا جدًا جدًا.</pre>pre { word-wrap:break-word; pre-wrap; لون الخلفية: #f5f5f5 الحدود: 1 بكسل صلب #ccc؛}Textarea يجعل الارتفاع متكيفًا مع ارتفاع المحتوى
يمكن لـ Textarea أيضًا الاحتفاظ بتنسيق المحتوى مثل السابق، ولكن ارتفاع العنصر ثابت ولا يمكن تعديله باستخدام CSS. في هذا الوقت، يمكنك استخدام سمة التمرير الارتفاع.
var textarea = document.getElementsByTagName('textarea')[0];textarea.setAttribute('style','height:'+(textarea.scrollHeight + 12)+'px');تمت إضافة حشوة بحجم 12 بكسل هنا.
تلخيصما ورد أعلاه هو ما يقدمه لك المحرر حول كيفية جعل عناصر HTML مثل منطقة النص والنص تزيل شريط التمرير، وتلتف محتوى النص تلقائيًا، وتتكيف مع ارتفاع النص، وآمل أن يكون ذلك مفيدًا لك إذا كانت لديك أي أسئلة، يرجى ترك رسالة لي وسيقوم المحرر بالرد على الجميع على الفور. أود أيضًا أن أشكر الجميع على دعمكم لموقع VeVb للفنون القتالية!
إذا كنت تعتقد أن هذه المقالة مفيدة لك، فنحن نرحب بإعادة طبعها، يرجى الإشارة إلى المصدر، شكرًا لك!