استخدام CSS في منتصف: النص والجدول

ويمثل العالم المعلومات في جميع عناصرها وتقريب العناصر والكلمات والنصوص، أو في المقام الماضي رسميا - النصوص والجداول. يمكنك أن تنظر، معروفة، وغيرها من هياكل البيانات، وكذلك الصور، ولكن لاستخدام القضايا CSS و HTML من حيث تنسيق النص أشكال المعلومات المتبقية لديها موقف مختلف.

ينطوي السليم هيكل صفحة موقع تحديد موقف من كل عنصر. HTML وثيقة دائما - سلسلة من العناصر على الشاشة ويتأثر مباشرة من قبل ثلاث قواعد أساسية هي:

• المواقع المطلق (موقف)؛
• بقعة في تيار.
• ض مؤشر.

خيارات الإقامة الأخرى هي أيضا مهمة، تتطلب المزيد من المعرفة لحل المشكلة مع CSS "في وسط النص."

توسيط والمحاذاة قواعد

قواعد CSS تكمل وثيقة HTML، ولكن من دون حق هذا الأخير يمكن التعامل مع أي خيار المحاذاة. في كل مكان من الأجهزة النقالة وتصميم الرعاية في اتجاه مزيد من البساطة و "تربيع" يجعل القضية تتمحور الحالية، في حين أن المحاذاة الأخرى في كثير من الأحيان يفقد قيمته.

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

{
الطول: 88px؛ // في هذه النسبة
خط الطول: 88px؛ // المغلق لمركز النص - عمودي
}

يمكنك تجربة مع قواعد مختلفة. ; وجدت مصادر ذكر حول تفسير قواعد العرض كتلة: الجدول، عرض: الجدول خلية والرأسية محاذاة: منتصف. ولكن ليس دائما يعمل.

محاذاة النص عن طريق الجداول

بنية البيانات الوحيد الذي كان من المقرر أن تفهم أولا ويعيش الى الابد - الجدول. ويوفر والمحاذاة العمودية والأفقية، بالإضافة إلى مسألة كيفية وضع النص في وسط CSS، وذلك باستخدام الجداول لم يعد لها معنى معقد.

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

هذا القرار غير القياسية، لكنها فعالة. بدلا من فترة طويلة ودقيقة حل مشكلة الصفحة عبر متصفح أو نتوقع هوامش اليسار واليمين، وهلم جرا. يمكنك استخدام عرض نسبة والصف مبتذلة مرتفعات الخلايا في الجداول.

التوافق من خلال جافا سكريبت

السؤال: "كيف لوضع النص تركزت في HTML" خوارزمية الحل الابتدائية، لغة المتصفح، ولديها تصميم عملي ومذهل أكثر من ذلك بكثير.

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

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

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

ميزات عرض النص وHTML

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

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