صنع قطعة من النص غير مكفوفة؟
سؤال
قل أن لدي نص مثل هذا
مرحبًا ، أنا بعض النص مرحبًا ، أنا بعض النص مرحبًا ، أنا بعض النص مرحبًا ، أنا بعض النصوص لا أرغب في كسر خطوط جديدة
النظر في الفقرة أعلاه. أريد أن يتم كسر الجزء الجريء عبر خط جديد إن أمكن. كما هو الحال في ، أريد أن ينكسر إذا كان سيتطلب شريط تمرير أو شيء ما ، ولكن لا يكسر إذا كان من الممكن إدخال كسر في الصفحة قبل أو بعد ذلك النص حتى يمكن أن يتناسب على سطر واحد.
كيف يكون هذا ممكنا؟ لقد جربت أشياء مثل 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