يتم تخطيط معظم الصفحات اليوم باستخدام طبقات (div) ، لذلك يتم تقليل مشكلة محاذاة الموقع إلى وسط نافذة المتصفح إلى مهمة توسيط الطبقة التي تحدد عرض المنطقة المرئية من الصفحة. لكي يتم وضعه في منتصف النافذة ، من الضروري تعيين الإعدادات المناسبة لعنصره الأصلي ، أو لهذه الكتلة نفسها.
انه ضروري
معرفة أساسية بلغات HTML و CSS
تعليمات
الخطوة 1
ضع الطبقة التي تريد وضعها في وسط النافذة ، بين أجزاء الفتح والإغلاق للعلامة المركزية ، إذا كنت تريد القيام بذلك فقط باستخدام لغة HTML (HyperText Markup Language - "لغة ترميز النص التشعبي"). سنفترض أن أصل الطبقة التي تحدد حدود الصفحة هو نص هذه الصفحة. قد يبدو أبسط إصدار من كود HTML باستخدام علامة المركز في هذه الحالة كما يلي:
الصفحة المركزية
نص الصفحة
الخطوة 2
إذا كنت تريد استخدام CSS (Cascading Style Sheets) لمحاذاة الصفحة في المنتصف ، فاستخدم التحجيم التلقائي للحشو من حدود نافذة المتصفح. يتم تحديد أحجام الهامش في CSS بواسطة معلمة الهامش. قم بإزالة علامات المركز من النموذج السابق وأضف معلمة الهامش 0 تلقائيًا إلى سمة النمط للطبقة التي تحدد عرض الصفحة:
الصفحة المركزية
نص الصفحة
الخطوه 3
بالطبع ، يمكن إخراج تعريف النمط من سمة النمط ووضعه في ملف خارجي أو في رأس المستند (بين العلامات و). في هذه الحالة ، سيبدو نفس الرمز كما يلي:
الصفحة المركزية
#pageFrame {
العرض: 700 بكسل ؛
الارتفاع: 400 بكسل ؛
الخلفية: # 0BB ؛
الهامش: 0 تلقائي ؛
}
نص الصفحة
