2010-03-01 17 views
43

że mam kawałek tekstu jak tenTworzenie tekstu bez łamania tekstu?

Witam jakiś tekst Witam jakiś tekst Witam jakiś tekst Witam Jestem jakiś tekst Nie chcę być złamane na nowy linie

Rozważ powyższy akapit. Chcę, aby pogrubiona część nie została rozbita na nowej linii, jeśli to możliwe. Tak jak w przypadku, chcę, aby się zepsuł, gdyby wymagał paska przewijania lub czegoś podobnego, ale nie łamałby się, gdyby można wstawić podział strony przed lub po tym fragmencie tekstu, aby mógł zmieścić się w jednej linii.

Jak to jest możliwe? Próbowałem rzeczy takie jak page-break-inside i takie, ale nie wydaje się nic w firefox.

Odpowiedz

89

Użyj właściwości 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> 

z:

span.nobr { white-space: nowrap; } 
+0

Rozważałem to, ale pomyślałem, że spowoduje to niepotrzebny pasek przewijania, ale tak się nie stanie. Dzięki! – Earlz

+2

@Earlz ... więc rozważałeś rozwiązanie, o które prosiłeś, zanim jeszcze spróbujesz? ** To wielka nie-nie tutaj! **: P – xDaizu

+2

@xDaizu Stackoverflow 6 lat temu było dużo inaczej niż teraz heh – Earlz

11

dodanie tego dla kompletności:

Jeśli nie chcesz użyć CSS, można użyć <nobr>text with space</nobr> - odniesienie here

W przypadku bloków czystego tekstu:, uważam, że tagi formatowania html nie są już zdeklasowane, takie jak <i>, <b>, <nobr> i podobne są odpowiednie do użytku. Dla treści związanych ze strukturą witryny użyj <em>, <strong> i <span class="">.

+0

Btw. nie jest i nie może zostać zdeprawowany. zobacz: http://stackoverflow.com/a/28532140/1644202 – BananaAcid

+0

'nobr' nie jest standardem i zamiast tego należy użyć' white-space' zgodnie z https://developer.mozilla.org/nl/docs/Web/ HTML/Element/nobr – Roland

+1

Ale białe spacje nie zapobiegają nie tekstowemu podziałowi (na przykład zapis fonetyczny), więc jest zbawicielem =] – MrVocabulary

Powiązane problemy