استخدام العلامة <ما قبل> في إتش تي أم ال طريقة سهلة لعرض محتوى بتنسيق. تستخدم عادة عندما تريد أن تظهر أي جزء من مصدر التعليمات البرمجية أو أي نوع من النص الذي المظهر سوف تختلف العادية المستخدمة في موقع ويب.
لاستخدام هذه العلامة, إذا كان هذا ليس لديه أي نمط, الشيء الطبيعي أنه عندما يتم عرضها على الأجهزة مع حجم الشاشة أصغر, النص بداخله الخروج من الحاوية.
مثل مثال, ثم أننا نرى نصين, واحد داخل علامة <ف> ,مع الحدود الحمراء, وآخر على تسمية <ما قبل> مع حافة خضراء.
كما يمكنك مشاهدة, اعتماداً على الشاشة الجهاز من حيث تقوم بعرض هذه المقالة., إذا كان النص داخل التسمية <ما قبل> لا تقم بإدخال تماما في حاوية, وهذا يخرج من نفس.
من أجل إصلاح هذه المشكلة, ما علينا القيام به تعديل نمط العلامة <ما قبل> إضافة فيما يلي سمات إلى الخاص بك CSS:
1 2 3 4 5 6 7 8 | pre { border: 1px solid green; white-space: pre-wrap; /* Since CSS 2.1 */ 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.
وبهذه الطريقة, يمكنك القيام بذلك المحتوى واستضافت في الخاص بك العلامات <ما قبل> الخروج من الحاوية, وهو تكييف إلى نفس, اعتماداً على حجم الشاشة.
