إزالة المسافة البادئة من القوائم غير المرتبة: هل المسافة البادئة السلبية للنص هي الحل الوحيد؟

السؤال الذي يطرح نفسه: كيفية إزالة جميع المسافات البادئة من القائمة عنصر قائمة غير مرتب (ul)، على الرغم من محاولات تعيين الهامش والحشو ومسافة بادئة للنص على 0. بينما يبدو أن تعيين مسافة بادئة للنص على قيم سالبة يفي بالغرض، هل هو الحل الوحيد الطريقة؟

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

ul {
    list-style: none;
    padding-left: 0;
}

يزيل هذا الكود المسافة البادئة عن طريق إزالة نمط القائمة الافتراضي وإعادة تعيين المساحة المتروكة اليسرى إلى 0. وإليك مثال لتوضيح النتيجة:

• a
• b
• c

في هذه الحالة، سيتم عرض عناصر القائمة غير المرتبة دون أي مسافة بادئة.