كيف من المفترض أن تعمل خصائص فاصل الصفحات في CSS؟

Question

المتصفحات الحديثة هي من المفترض أن يدعم خصائص فاصل الصفحات في CSS إلى حد ما.ومع ذلك، لم أتمكن من الحصول على أي متصفح للطباعة بشكل مختلف عند الاستخدام avoid, widows, ، أو orphans.هل أفعل ذلك بشكل خاطئ، أم أن دعم المتصفح ليس قويًا كما هو معلن عنه؟

      h2 {
        page-break-after: avoid;
      }                         

      p {
        page-break-inside: avoid;   
        orphans: 2;
        widows: 2;
      }

Answer 1

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

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

Answer 2

إذا كنت ترغب في القيام به فاصل صفحات وأنا أعلم أن هذه هي الطريقة التي يعمل على الأقل في فايرفوكس وإنترنت إكسبلورر. آخر مرة راجعت هذا يعمل في IE7.

Page 1

<br style="page-break-after:always" />

Page 2

وو<م> يجب طباعة الصفحات على قطع منفصلة من الورق، اعتمادا كليا على المتصفح.

Answer 3

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