الأرقام المدرجة معروضة بشكل غير صحيح

١٢٣٤٥٦٧٨.

هل تمكنت من إعادة إنتاج المشكلة هنا؟

تعديل: نعم تمكنت. السطر الأول يحتوي على:

١٢٣٤٥٦٧٨.
7 إعجابات

سأقوم بعرض نفس القائمة، مع زيادة السمة start بمقدار قيمة مكانية لكل منها تاليًا:

1. Betsy
1. Tacy
1. Tib
1. Naifi

  1. Betsy
  2. Tacy
  3. Tib
  4. Naifi

  1. Betsy
  2. Tacy
  3. Tib
  4. Naifi

  1. Betsy
  2. Tacy
  3. Tib
  4. Naifi

  1. Betsy
  2. Tacy
  3. Tib
  4. Naifi

  1. Betsy
  2. Tacy
  3. Tib
  4. Naifi

  1. Betsy
  2. Tacy
  3. Tib
  4. Naifi

أنا قادر على إعادة إنتاج ذلك. إنها مشكلة CSS، حيث يتم تعيين المسافة الافتراضية حول القوائم المرتبة (<ol>) عادةً لاستيعاب الأرقام الصغيرة.

لاحظت أن نفس القوائم تُعرض بشكل مختلف حسب السمة، لذلك قمت بإنشاء مكون سمة أضاف ببساطة:

ol {
  margin-left: 3em;
}

من ناحية أخرى، ينطبق هذا أيضًا على جميع القوائم، وعندما لا يكون العنصر رقمًا كبيرًا مكونًا من 5 أرقام أو أكثر، تبدو القوائم المرتبة وكأنها تحتوي على مساحة كبيرة جدًا…

اقتراحي: تطبيق مكون يطابق استخدامك للقوائم المرتبة على موقعك؛ أعتقد أنه من النادر اقتباس منتصف قائمة طويلة جدًا من العناصر، ولا يمكنني تخيل شخص ينشر قوائم تحتوي على 10000 عنصر دون مواجهة حدود الأحرف. :slight_smile:

اعتقدت أنه ربما كانت هناك طريقة لتنسيقها بحيث تتناسب قائمة معينة دائمًا، ولكن الترقيم في القوائم المرتبة يتم تطبيقه كعنصر زائف (::marker)، ولست متأكدًا من كيفية إجراء عمليات حسابية CSS عليها… :thinking:

3 إعجابات

مرحباً،

نأسف لأنك تواجه مشكلة في هذا.

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

إعجابَين (2)