صنع قطعة من النص غير مكفوفة؟

Question

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

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

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

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

Answer 1

استخدم ال 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; }

Answer 2

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

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

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

Answer 3

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

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