العلامات المسبقة المستجيبة في CSS

لقد واجهت بعض المشاكل مع الاستجابة في عدد قليل من المشاركات على مدونتي. اتضح أنها كانت مقتطفات من التعليمات البرمجية

لقد واجهت بعض المشاكل مع الاستجابة في عدد قليل من المشاركات على مدونتي.

تبين تلك المنشورات التي واجهت مشاكل في تشغيلها ، فقد كان لديهم جميعًا مقتطفًا من التعليمات البرمجية يتجاوز عرض الصفحة العادي بدون مسافة.

على سبيل المثال

cd /some/super/long/super/long/folder

أو أي أمر آخر طويل جدًا.

تتم إضافة مقتطفات التعليمات البرمجية الموجودة على مدونتي تلقائيًا داخل ملفcodeعلامة ، وداخلها إلىpreبطاقة شعار.

افتراضيا CSSwhite-spaceالممتلكات علىpreتم تعيين العلامة علىnormal، ولإصلاح هذه المشكلة قمنا بتعيينها علىpre-wrap:

pre {
  white-space: pre-wrap;
}

عندما تكون بعض الكلمات طويلة جدًا ، لا يزال بإمكانها كسر التنسيق. لإصلاح ذلك ، أضف أيضًا:

pre {
  word-break: break-all;
}

تحميل مجانيكتيب CSS


المزيد من دروس css: