لمحاذاة النص الى اليمين نختار، يعتبر الحاسوب إ آلة إلكترونية يمكنها تلقي البيانات ومعالجتها إلى معلومات قيمة.
درس 5: النصوصArtutorial - Html.Net
(هذا هو الإعداد الافتراضي. ) لتوسيط أسطر النص في الإطار، اختر منتصف. لمحاذاة أسطر النص رأسياً من أسفل الإطار، اختر أسفل. لتوزيع الأسطر بشكل متساوي رأسياً بين قمة وقاع الإطار، اختر ضبط. درس 5: النصوصartutorial - HTML.net. إذا اخترت ضبط وأنت تريد منع قيم المسافات بين السطور من أن تكون أكبر من قيمة المسافة بين الفقرات، حدد قيمة حد للمسافات بين الفقرات. المسافة بين الفقرات تتوسع حتى القيمة التي تحددها، إذا كان النص لا يعبئ الإطار، فإن المسافة بين الأسطر تضبط حتى تتم تعبئة الإطار. تطبق قيمة حد المسافة بين الفقرات بالإضافة إلى قيم المسافة قبل ومسافة بعد المدخلة في لوحة Paragraph. حد المسافة بين الفقرات مضبوط على صفر (يسار) و 1بيكا (يمين)
كن حذراً من إطارات النص المتعددة الأعمدة المضبوطة رأسياً. إذا احتوى العامود الأخير على بضعة أسطر فقط، قد تظهر مساحة بيضاء كبيرة بين السطور. طريقة سهلة لضبط قيمة حدود توزيع المسافات للفقرة أن تقوم بتحديد المعاينة، ثم نقر سهم لأعلى أو لأسفل الموجود بجوار قيمة حدود توزيع المسافات للفقرة حتى تظهر مسافات الفقرة متوازنة مع المسافات بين السطور.
محاذاة النص في خلية
في مجموعة الفقرات في علامة التبويب الصفحة الرئيسية ، يمكنك القيام بأحد الإجراءات التالية محاذاة النص الي اليمين
{
position: absolute;
top: 0;}
bottom: 0;}
لمعرفة المزيد حول تحديد مواقع العناصر ، راجع درس المواقع. محاذاة العناصر لليمين ولليسار باستخدام الخاصية float
يمكن استخدام الخاصية float لمحاذاة عنصر إلى يسار أو يمين الكتلة المحتوية الخاصة به بطريقة قد يتدفق المحتوى الآخر على جانبه كما تعلمنا في الدرس السابق. ومن ثم ، إذا تم تعويم العنصر إلى اليسار ، فسوف يتدفق المحتوى على طول جانبه الأيمن. على العكس من ذلك ، إذا تم تعويم العنصر إلى اليمين ، فسوف يتدفق المحتوى على طول جانبه الأيسر. width: 200px;
float: left;}
أحد الأشياء الأكثر إرباكًا حول العمل مع التخطيطات المستندة إلى العناصر العائمة float-based layouts هو إنطواء العنصر الأب. لا يتمدد العنصر الأب تلقائيًا ليلائم العناصر العائمة. على الرغم من أن هذا ليس واضحًا دائمًا إذا كان العنصر الاب لا يحتوي على أي خلفية أو حدود ملحوظة بصريًا ، ولكن من المهم أن نكون على دراية بذلك ويجب التعامل مع هذه المشكلة لمنع مشكلة التخطيط الغريب عبر المتصفح. انظر الرسم التوضيحي أدناه:
يمكننا رؤية عنصر لم يمتد تلقائيًا لاستيعاب الصور العائمة. يمكن إصلاح هذه المشكلة بإحدى الطرق التالية:
تعويم العنصر الأب
أسهل طريقة لإصلاح هذه المشكلة هي تعويم العنصر الأب (المحتوي).. محاذاة النص في خلية. container {
float: left;
background: lightgray;}
تحذير:
يعمل هذا الحل في عدد محدود من الحالات ، حيث قد يؤدي تعويم العنصر الأب إلى نتائج غير متوقعة في تخطيط الصفحة.