جدول المحتويات:

كيف يمكنني توسيط صورة خلفية في div؟
كيف يمكنني توسيط صورة خلفية في div؟

فيديو: كيف يمكنني توسيط صورة خلفية في div؟

فيديو: كيف يمكنني توسيط صورة خلفية في div؟
فيديو: Learn Html in Arabic #06 - Image 2024, شهر نوفمبر
Anonim

ورقة الأنماط: CSS

بعد ذلك ، كيف يمكنني توسيط الصورة في div؟

إلى توسيط الصورة باستخدام محاذاة النص: المركز ؛ يجب عليك وضع

داخل عنصر على مستوى الكتلة مثل شعبة . نظرًا لأن خاصية محاذاة النص تنطبق فقط على العناصر على مستوى الكتلة ، يمكنك وضع محاذاة النص: المركز ؛ على عنصر مستوى كتلة الالتفاف لتحقيق محور أفقي

بعد ذلك ، السؤال هو ، كيف يمكنني توسيط div؟ طريقة محاذاة النص

  1. قم بإحاطة div الذي تريد توسيطه بعنصر رئيسي (يُعرف عمومًا باسم الغلاف أو الحاوية)
  2. عيّن "محاذاة النص: الوسط" للعنصر الأصل.
  3. ثم اضبط div الداخل على "display: inline-block"

في هذا الصدد ، كيف يمكنني محاذاة صورة الخلفية في الوسط؟

ل المركز أو وضع الصورة الخلفية يجب عليك استخدام معرفتي - موقع خاصية. ال معرفتي - موقع تحدد الخاصية البداية موقع من أ الصورة الخلفية من الجانبين العلوي والأيسر للعنصر. صيغة CSS هي معرفتي - موقع : xvalue yvalue؛.

كيف يمكنني توسيط div أفقيًا؟

دعنا نرى توسيط أفقياً خطوة بخطوة:

  1. عيّن عرض العنصر الخارجي (أي 100٪ يغطي الخط بالكامل).
  2. اضبط خاصية الهامش على تلقائي لتوسيط العنصر أفقيًا داخل الصفحة.
  3. قم بتعيين ألوانك المفضلة للديانات الخارجية والداخلية باستخدام خاصية لون الخلفية.

موصى به: