html باستخدام العرض: الجدول خلية دون تحتوي على العرض: الجدول




css html5 (2)

نعم صحيح. قراءة 17.2.1 من المواصفات CSS2 بشأن كائنات الجدول مجهول. بشكل أكثر تحديدا ، هذه الأقسام ...

توليد أغلفة الأطفال المفقودة:

  1. إذا لم يكن الطفل C من مربع "جدول" أو "جدول مضمّن" تابعًا لجدول مناسب ، فقم بإنشاء مربع "صف الجدول" مجهول الهوية حول C وجميع الأشقاء المتتاليين من C ليسوا أطفالًا مناسبين للجدول.
  2. إذا لم يكن مربع C التابع لمجموعة صف هو مربع "جدول صف" ، فقم بإنشاء مربع "صف جدول" مجهول حول C وكافة الأشقاء المتتاليين من C ليست مربعات "صف جدول".
  3. إذا لم يكن الطفل C من مربع "جدول الصفوف" عبارة عن "خلية جدول" ، فقم بإنشاء مربع "خلية جدول" مجهول حول C وجميع الأشقاء المتتاليين من C ليست مربعات "خلية جدول".

توليد الآباء المفقودين:

  1. لكل مربع "خلية جدول" C في تسلسل من الجدول الداخلي المتتالي وإخوة "شرح الجدول" ، إذا كان الوالد C ليس "صف جدول" ، فقم بإنشاء مربع "صف جدول" مجهول حول C وكلها متتالية الأشقاء من C التي هي مربعات "خلية الجدول".

  2. لكل طفل مناسب في الجدول C في تسلسل من أطفال الجدول الصحيح المتتالي ، إذا كان C غير صحيح ، فقم بإنشاء "جدول" مجهول أو مربع "مضمّن في الجدول" حول T وجميع الأشقاء المتتاليين من C هم أطفال مناسبون في الجدول. (إذا كان أصل C هو مربع "مضمن" ، فيجب أن تكون T عبارة عن مربع "مضمن في الجدول" ، وإلا يجب أن يكون مربع "جدول").

    • "صف الجدول" يكون غير صحيح إذا كان الأصل ليس مربع مجموعة صف أو مربع "جدول" أو "جدول مضمّن".
    • إن مربع "عمود الجدول" يكون غير صحيح إذا كان الأصل ليس مربع "مجموعة جدول الأعمدة" ولا مربع "جدول" أو "جدول مضمّن".
    • إن مربع مجموعة الصفوف ، أو مربع "جدول مجموعة الأعمدة" ، أو مربع "جدول التعليقات التوضيحية" يكون غير صحيح إذا كان الأصل ليس مربع "جدول" أو مربع "جدول مضمّن".

أحاول إنشاء صفحة ويب HTML 5 صحيحة تمامًا باستخدام CSS 3. لقد قمت بإنشاء الترميز التالي الموجود في جذر عنصر body . تطبيق display:table-cell إلى كل من عناصر section إلى العمود كما أريد لهم. ومع ذلك ، ليس لدي عنصر يحتوي على تطبيق display:table إلى. هل من المقبول استخدام display:table-cell إذا كان العنصر الذي يتم تطبيقه عليه غير موجود في display:table ؟ إذا لم يكن هناك آلية أفضل لإنشاء تخطيط عمود بهذه العناصر دون استخدام العوامات؟

<aside>
    <nav>
       <ul>
           <li><a href="#">Link 1</a></li>
           <li><a href="#">Link 2</a></li>
       </ul>
    </nav>
</aside>
<section>
    Content goes here
</section>

من المواصفات CSS2.1 :

17.2.1 كائنات الجدول مجهولة

قد لا تحتوي لغات المستندات غير HTML على جميع العناصر الموجودة في نموذج جدول CSS 2.1. في هذه الحالات ، يجب افتراض العناصر "المفقودة" حتى يعمل نموذج الجدول. سيقوم أي عنصر جدول تلقائيًا بإنشاء كائنات جدول مجهول ضرورية من حوله ، ويتكون من ثلاثة كائنات متداخلة على الأقل تقابل عنصر "جدول" / "جدول مضمّن" ، وعنصر "جدول صف" ، وعنصر "خلية جدول" . العناصر المفقودة تنشئ كائنات anonymous (مثل المربعات المجهولة في تخطيط الجدول المرئي)

...

ما يعنيه هذا هو أننا إذا استخدمنا display: table-cell; دون احتواء الخلية أولاً في مجموعة معيّنة display: table-row; ، سيتم تضمين الصف - سيعمل المتصفح كما لو كان الصف المعلن موجودًا بالفعل.

نعم ، باستخدام display:table-cell دون أن تحتوي على display:table ينتج CSS صالحًا. هذا لا يعني أن سلوكه مستقر. حتى اليوم (فبراير 2016) ، سلوك display:table display:table-cell تظل display:table-cell غير متسقة عبر المتصفحات. راجع سلوك العرض غير المتناسق: الجدول والعرض: خلية الجدول للحصول على بعض الأمثلة.





css3