it-swarm.asia

كيفية منع حدود الجدول من الاختفاء أثناء الطباعة؟

أنا فقط أعمل في موقع ويب يفترض أن يكون قابلاً للطباعة.

إحدى المشكلات التي أواجهها هي أنه لن تتم طباعة بعض حدود الجدول ، على الرغم من عرضها بشكل صحيح على الشاشة.

لقد جربت كل من Firefox و Chrome. كلاهما يعرض كل حدود الجدول على الشاشة ، لكن يحذف بعض الحدود عند الطباعة.

ما الذي يجب علي فعله لنشرها؟

3
lyle

ضع في اعتبارك إنشاء ورقة أنماط لوسائط الطباعة والتي تستخدم خاصية حدود الجدول بدلاً من تباعد الخلايا ولون الخلفية - يجب أن ينشئ التالي حدًا مرئيًا عند الطباعة:

table {
    border:solid #000 !important;
    border-width:1px 0 0 1px !important;
}
th, td {
    border:solid #000 !important;
    border-width:0 1px 1px 0 !important;
}
8
danlefree

هل حددت ورقة أنماط طباعة ، أو قسم printmedia داخل ورقة أنماطك الحالية؟

افتراضيًا ، ستعمل ورقة أنماط على الشاشة بشكل جيد (كما اكتشفت) ؛ ومع ذلك ، ما لم تحدد ورقة أنماط CSS للطباعة بشكل صريح ، عند طباعة الصفحة للخارج ، فسيتم ذلك افتراضيًا في التصميم الافتراضي للمتصفحات (عادةً ما يكون 15pt Times New Roman وما إلى ذلك).

الحل 1: إضافة ورقة أنماط طباعة ثانية قم بتضمين كلتا العلامتين أدناه في رأس HTML:

<link rel="stylesheet" type="text/css" href="screenstyles.css" media="screen" /> <link rel="stylesheet" type="text/css" href="printstyles.css" media="print" />

ثم قم بنسخ أنماط التنسيق المطلوبة من screenstyles.css إلى printstyles.css (أو فقط قم بعمل رابط لكلا ورقة أنماط الشاشة).

الحل 2: ورقة أنماط واحدة فقط ، لكن مع طباعةmedia فيها ترغب ورقة أنماط CSS الفردية الخاصة بك في الحصول على مثل هذا (تجاهل الوسائط = "" من علامة rel link css

0
Dane Sonders