تلتف العلامة إلى السطر التالي. كيفية التفاف النص في خلية في إكسيل. كيفية تغيير فاصل الأسطر إلى مسافة أو العكس في Excel باستخدام VBA

💖 هل أعجبك؟شارك الرابط مع أصدقائك

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

خاصية التفاف الكلمات

في HTML، هناك علامة خاصة لفصل الأسطر.
. لكن استخدامه المتكرر يعتبر أمرًا سيئًا بين المطورين وغالبًا ما يشير إلى عدم الاحتراف. كدليل، تخيل أن لديك شعارًا وتريد أن يبدأ كل حرف بسطر جديد:

التحقق من فواصل الكلمات

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

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

لتعيين الشعار من المثال السابق مع باستخدام CSSعند النقل إلى سطر جديد من كل حرف، عليك كتابة الكود التالي:

P (الخط: عريض 30 بكسل Helvetica، sans-serif؛ العرض: 25 بكسل؛ التفاف الكلمات: Break-all؛)

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

خاصية المساحة البيضاء

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

في مستند CSS، يمكن تكوين فواصل الأسطر، المخصصة بخاصية المسافة البيضاء، لاحترام المسافات أو الضغط على مفتاح Enter. ستؤدي المسافة البيضاء مع قيمة السطر المسبق إلى قيام المتصفح برؤية Enter في النص.

التحقق من فواصل الكلمات

إذا قمت بتغيير السطر المسبق إلى التفاف مسبق في كود CSS الخاص بك، فسوف يتضمن التفاف السطر مسافات. وعلى العكس من ذلك، قم بتعطيل أي التفاف عن طريق تعيين خاصية المسافة البيضاء للنص بالقيمة nowrap:

#wrapper p (اللون: #FFF؛ الحشو: 10 بكسل؛ الخط: غامق 16 بكسل Helvetica، sans-serif؛ مسافة بيضاء: nowrap؛)

تجاوز النص

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

  • مقطع - فقط يقطع النص؛
  • علامة الحذف - تضيف علامة الحذف.
#wrapper p (اللون: #FFF؛ الحشو: 10px؛ الخط: غامق 16px Helvetica، sans-serif؛ text-overflow: ellipsis؛/*إضافة علامة القطع*/ مسافة بيضاء: nowrap; /* تعطيل التفاف الخط */ overflow : مخفي;/*إخفاء كل شيء خارج الحاوية*/ )

لكي تعمل الخاصية، يجب أيضًا تعيين العنصر لمنع فواصل الأسطر وتجاوز القيمة المخفية.

معلومات مختصرة

إصدارات CSS

المغلق 1 سي اس اس 2 سي اس اس 2.1 سي اس اس 3

وصف

تحدد خاصية المسافة البيضاء كيفية عرض المسافات بين الكلمات. في الظروف العاديةيتم عرض أي عدد من المسافات في كود HTML كمسافة واحدة على صفحة الويب. الاستثناء هو العلامة

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

بناء الجملة

المساحة البيضاء: عادي | نوراب | قبل | ما قبل السطر | التفاف مسبق | يرث

قيم

عادي يتم عرض النص في نافذة المتصفح كالمعتاد، ويتم ضبط فواصل الأسطر تلقائيًا. يتم تجاهل مسافات nowrap، ويتم تجاهل فواصل الأسطر في تعليمات HTML البرمجية، ويتم عرض النص بالكامل على سطر واحد؛ ومع ذلك، إضافة العلامة
يلتف النص على سطر جديد. قبل يتم عرض النص بما في ذلك جميع المسافات والواصلات كما تمت إضافتها بواسطة المطور في كود HTML. إذا كان الخط طويلًا جدًا بحيث لا يمكن احتواؤه في نافذة المتصفح، فستتم إضافة شريط تمرير أفقي. لا يتم أخذ مسافات ما قبل الأسطر بعين الاعتبار في النص، ويتم التفاف النص تلقائيًا إلى السطر التالي إذا لم يكن مناسبًا للمنطقة المحددة. التفاف مسبق يتم الاحتفاظ بجميع المسافات والواصلات في النص، ولكن إذا كان عرض السطر لا يتناسب مع المنطقة المحددة، فسيتم التفاف النص تلقائيًا إلى السطر التالي. يرث يرث قيمة الوالد.

يتم عرض تأثير القيم على النص في الجدول. 1.

HTML5 CSS2.1 IE Cr Op Sa Fx

مساحة بيضاء

مثال

نظرية فيرما الأخيرة
X نن=Z ن
حيث n عدد صحيح > 2



وتظهر نتيجة هذا المثال في الشكل. 1.

أرز. 1. تطبيق خاصية المسافة البيضاء

نموذج الكائن

document.getElementById("elementID").style.whiteSpace

المتصفحات

المتصفح متصفح الانترنتحتى الإصدار 7.0 لا يدعم قيم السطر المسبق والالتفاف المسبق والوراثة. ل