تخطَّ إلى المحتوى

ميزات 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 ويُطلق تحذير انضغاط العمود.امنح الأعمدة المتجاورة عروضًا صريحة بالبكسل.