مشكلة الطباعة: منع تشعب DIV عبر الصفحات

هل تواجه معضلة طباعة حيث يتم تقسيم عناصر DIV الديناميكية إلى نصفين بين الصفحات؟ تنشأ هذه المشكلة عند محاولة طباعة مستندات طويلة تحتوي على العديد من عناصر DIV ذات ارتفاع متغير.

CSS Solution to the Rescue

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

@media print {
  div {
    break-inside: avoid;
  }
}

هذا الحل مدعوم من جميع المتصفحات الرئيسية، بما في ذلك:

• Chrome 50
• Edge 12
• Firefox 65
• ]Opera 37
• Safari 10

خيار بديل