ميزات CSS غير المدعومة والحلول البديلة
لمحة سريعة
قسم بعنوان «لمحة سريعة»يعرض محرك writeHtml المحتوى في تمريرة أمامية واحدة، ولا يعيد أبدًا تخطيط محتوى سبق عرضه. لذلك لا تنسجم بعض سلوكيات أوراق الأنماط المتتالية (CSS) مع هذا النموذج. تسرد هذه الصفحة السلوكيات المحددة التي لا يطبّقها المحرك، وتقدّم حلًا بديلًا مدعومًا لكل منها. للاطلاع على حالة التحقُّق لكل وحدة، اقرأ مصفوفة دعم CSS.
هذه القيود محصورة النطاق، وليست خارطة طريق. يحدّد كل مدخل السلوك غير المدعوم بدقة، لا الخاصية كاملةً.
السلوكيات غير المدعومة
قسم بعنوان «السلوكيات غير المدعومة»| السلوك | ما الذي لا يُطبَّق | الحل البديل |
|---|---|---|
تخطيط الإزاحة في position: absolute / position: relative | يضع المحرك الصناديق بحسب ترتيب المستند. ولا تُطبَّق إزاحات top/right/bottom/left التي تنقل الصندوق المتموضع خارج التدفق الطبيعي. أما التموضع الساكن فيعمل. | استخدم الجداول أو flex داخل التدفق الطبيعي لضبط التموضع. |
grid-template-areas المسمّاة | لا يطبّق المحرك التموضع وفق مناطق الشبكة المسمّاة. أما التموضع الصريح في الشبكة، المستند إلى الأسطر، فيعمل. | ضع العناصر باستخدام أسطر شبكة صريحة، أو استخدم جدولًا. |
rowspan عبر فاصل صفحة (متدهور) | تُعرَض خلية rowspan في صفحة واحدة. وعند تقسيم الجدول على صفحات، تُجزَّأ الخلية الممتدة التي تعبر حدود الصفحة كما هو موصوف في سجل قرار البنية (ADR-007)، وتثير الخلية شديدة الطول التي يتعذّر تقسيمها UnsplittableContentException. | بالنسبة إلى الصفوف المُجمَّعة التي يجب أن تبقى سليمة أثناء التقسيم على صفحات، استخدم عوامة أو صف عنوان فئة بدلًا من rowspan مرتفع. |
ترتيب رسم الخلفية مع overflow: hidden | لا تغيّر overflow: hidden ترتيب رسم الخلفية، ولا تقصّ خلفية عنصر فرعي وفق الصندوق المُدوَّر الزوايا أو المحدَّد الحجم للعنصر الأصل. | طبّق الخلفية على العنصر الذي يملك القَصّ، أو تجنّب الاعتماد على الخلفيات المقصوصة. |
| نص ملتفّ جنبًا إلى جنب داخل عنصر flex | يتجاوز عنصر flex الذي يحتوي نصًا ملتفًّا مساره بدلًا من أن يلتفّ داخله. | استخدم جدولًا من عمودين بعروض صريحة للأعمدة بالبكسل. |
| عرض عمود مئوي يُحلّ إلى صفر | عندما لا يجد width للعمود المئوي % أساسًا قابلًا للحل، يُحلّ إلى 0 ويُطلق تحذير انضغاط العمود. | امنح الأعمدة المتجاورة عروضًا صريحة بالبكسل. |
انظر أيضًا
قسم بعنوان «انظر أيضًا»- مصفوفة دعم CSS — حالة التحقُّق لكل وحدة، والميزات المدعومة.
- HTML: نظام HTML+CSS الفرعي للعرض إلى PDF — النموذج أحادي التمريرة الذي تقوم عليه هذه القيود.
- تخطيط جدول HTML — أنماط الجداول التي تحلّ محل تخطيط الإزاحة والنص الملتفّ داخل flex.