تتمثل إحدى المشكلات الشائعة التي يواجهها مطورو الويب في إزالة المسافة البادئة ، والتي يتم تعيينها افتراضيا في القائمة الموجودة على اليسار. قد لا تكون هذه المسافة البادئة مرغوبة ، خاصة إذا كنت ترغب في إنشاء تصميم مضغوط ومتين.
مع كس ، يمكنك بسهولة إزالة المسافة البادئة من القائمة على اليسار وخلق مظهر أكثر جمالية. للقيام بذلك ، يمكنك استخدام العديد من خصائص كس ، مثل "قائمة على غرار نوع" و "الحشو اليسار".
بادئ ذي بدء ، لإزالة المسافة البادئة من القائمة الموجودة على اليسار ، يمكنك استخدام خاصية "نوع نمط القائمة" وتعيين القيمة على "لا شيء". على سبيل المثال:
المجاهدين {
نوع نمط القائمة: لا شيء;
}
تزيل هذه الخاصية العلامات أو الأرقام من القائمة وتخلق مظهرا مضغوطا. ومع ذلك ، قد لا تزال القائمة تحتوي على مسافة بادئة على اليسار.
لإزالة هذه المسافة البادئة ، يمكنك استخدام خاصية "الحشو-اليسار" وتعيين القيمة إلى "0". على سبيل المثال:
الآن سيتم عرض القائمة بدون هوامش وعلامات اليسار. بهذه الطريقة يمكنك إنشاء تصميم أكثر احترافا وأنيقا لموقع الويب الخاص بك.
- إزالة المسافة البادئة في القائمة على اليسار
- 1. باستخدام خاصية الحشو
- 2. استخدام خاصية الهامش
- 3. استخدام خاصية نمط القائمة
- كيف تفهم أنك بحاجة إلى إزالة المسافة البادئة
- باستخدام كس لإزالة المسافة البادئة
- الطريقة 1: استخدام خاصية الهامش
- الطريقة 2: استخدام خاصية الحشو
- الاستنتاجات
- سؤال وجواب
- كيف يمكنني إزالة المسافة البادئة من القائمة على اليسار باستخدام المغلق?
- ما خصائص المغلق سوف تساعد على إزالة المسافة البادئة من القائمة على اليسار?
إزالة المسافة البادئة في القائمة على اليسار
قد تكون المسافة البادئة في القائمة على اليسار غير مرغوب فيها لتصميم صفحة ويب معينة. مع كس ، يمكنك بسهولة إزالة هذه المسافة البادئة والحصول على نظرة أكثر من المرغوب فيه.
هناك عدة طرق لإزالة الحشو في القائمة على اليسار ، ولكن النهج الأكثر شيوعا هو استخدام خصائص الحشو والهامش.
1. باستخدام خاصية الحشو
تسمح لك خاصية الحشو بإضافة أو إزالة الحشو داخل عنصر. لإزالة الهامش الأيسر في القائمة ، يمكنك تعيين قيمة الهامش الأيسر إلى 0:
بند القائمة 3
- البند 1
- 3. استخدام خاصية نمط القائمة
تتيح لك خاصية نمط القائمة التحكم في نمط علامة القائمة. لإزالة المسافة البادئة على اليسار وإخفاء علامات القائمة ، يمكنك استخدام القيمة "لا شيء":
قائمة البند 2
,
يمكنك تطبيق نمط كس مباشرة إلى العلامة
يمكنك تطبيق نمط كس مباشرة إلى العلامة
إذا كان لديك جدول به مسافة بادئة على اليسار ، فيمكنك تطبيق نمط كس على العلامة
أو
لإزالة المسافة البادئة على اليسار:
- في بعض الأحيان يمكن تعيين المسافة البادئة اليسرى عبر خصائص كس الأخرى ، مثل الحشو اليسار أو المسافة البادئة النص. إذا رأيت أن لديك مسافة بادئة على اليسار ، ولكن تم تعيين خاصية الهامش الأيسر إلى 0 ، فتحقق من خصائص كس الأخرى وحاول تغييرها أو حذفها لإزالة المسافة البادئة.
- البند 1
استخدام خاصية الهامش: تتيح لك خاصية الهامش تعيين الهوامش الخارجية لعنصر ما. يمكنك تعيين قيمة هامش يسار سالبة لإخفائها. هنا مثال على الاستخدام: | |
|
البند 1
لاحظ أنه يمكن تطبيق هذه الطرق على أي عناصر قائمة ، مثل
و
. يمكنك اختيار الطريقة الأنسب لإزالة المسافة البادئة للتصميم والمحتوى الخاص بك.
الطريقة 1: استخدام خاصية الهامش
تسمح لك خاصية الهامش بتعيين الهوامش الخارجية لعنصر ما. لإزالة المسافة البادئة من القائمة الموجودة على اليسار ، يمكنك تعيين قيمة سالبة للمسافة البادئة الخارجية اليسرى لعنصر القائمة:
ماي ، رأ
تعيين القيمة السالبة للهامش الخارجي الأيسر (-20 بكسل في هذا المثال).
الهامش الأيسر :-20 بكسل;
}
الآن ستتم إزالة المسافة البادئة الموجودة على يسار القائمة.
الطريقة 2: استخدام خاصية الحشو
هناك طريقة أخرى لإزالة المسافة البادئة من القائمة الموجودة على اليسار وهي استخدام الخاصية
الحشو
. تتيح لك هذه الخاصية إضافة هوامش داخلية حول محتوى العنصر.
لإزالة المسافة البادئة من القائمة على اليسار باستخدام الخاصية
الحشو
يجب تطبيق رمز كس التالي:
المجاهدين {
الحشو-اليسار: 0;