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