أريد استخدام <قبل> للحفاظ على تنسيق نص الإدخال، ولكن النص المعروض يعبر حدود علامة الوالدين

Question

النص في <pre></pre> خطوات خارج حدود الوالدين <div></div>. وبعد كيفية حل هذه المشكلة؟

يقال أنه يمكن تقصير أطوال السطر في النص البرمجي، ولكن كيف نفعل ذلك؟

لقد رأيت

<%# DataBinder.Eval(Container.DataItem, "Comments")
               .ToString().Replace("\n", "<br />") %>

هل هو ج #؟ أنا مبرمج فب.

Answer 1

يمكنك استخدام CSS لجعل التفاف النص:

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

إذا كنت لا ترغب في تغيير تنسيق النص على الإطلاق، فسيستخدم CSS هذا أجهزة التمريض لإجراء كل النص الشخصي على أي حال:

pre {
  width: 100%;
  overflow: auto;
}

Answer 2

حاول إضافة CSS:

pre {
  width: 100%;
  overflow: auto;
}