سؤال

قل أن لدي نص مثل هذا

مرحبًا ، أنا بعض النص مرحبًا ، أنا بعض النص مرحبًا ، أنا بعض النص مرحبًا ، أنا بعض النصوص لا أرغب في كسر خطوط جديدة

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

كيف يكون هذا ممكنا؟ لقد جربت أشياء مثل page-break-inside وهكذا ، ولكن لا يبدو أنه يفعل أي شيء في Firefox.

هل كانت مفيدة؟

المحلول

استخدم ال white-space منشأه:

Hello I am some text Hello I am some text Hello I am some text
Hello I am some text <span class="nobr">I do not wish to be
broken on new lines</span>

مع:

span.nobr { white-space: nowrap; }

نصائح أخرى

إضافة هذا للاكتمال:

إذا كنت لا ترغب في استخدام CSS ، فيمكنك استخدامها <nobr>text with space</nobr> - المرجعي هنا

لكتل النص النقي, ، أعتقد <i>, <b>, <nobr> و "على حد سواء" صالحة للاستخدام.للمحتوى المتعلق بهيكل الموقع استعمال <em>, <strong> و <span class="">.

Bootstrap 4 يحتوي على فئة = "Text-Nowrap"

المزيد هنا https://getbootstrap.com/docs/4.0/Utability/text/#text-wrapping-and-overflow

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top