كيفية توسيط Div

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

كيفية توسيط Div
كيفية توسيط Div

فيديو: كيفية توسيط Div

فيديو: كيفية توسيط Div
فيديو: Как центрировать элемент Div в Asp.net - Совет по коду 2024, أبريل
Anonim

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

كيفية توسيط div
كيفية توسيط div

ضروري

المعرفة الأساسية بـ HTML

تعليمات

الخطوة 1

يتم تجاوز أحد الخيارات لحل مشكلة محاذاة طبقة (كتلة DIV) إلى وسط نافذة الصفحة المفتوحة فقط عن طريق HTML (لغة ترميز النص التشعبي - "لغة ترميز النص التشعبي"). تحتاج إلى وضع الكتلة داخل العلامة. أبسط كود للصفحة ، تم وضعه بهذه الطريقة ، قد يبدو ، على سبيل المثال ، كما يلي:

محاذاة DIV مع المركز

الخطوة 2

يستخدم خيار آخر CSS (أوراق الأنماط المتتالية). في نمط الطبقة المحاذية ، تحتاج إلى ضبط الاكتشاف التلقائي لمقدار الإزاحة من حدود النافذة. يمكن أن يكون رمز هذه الصفحة في أبسط أشكالها ، على سبيل المثال ، على النحو التالي:

محاذاة DIV مع المركز

موصى به: