white-spaceNieruchomość deklaruje jak biała przestrzeń wewnątrz elementu jest obsługiwany.
Wartości
normal
Ta wartość kieruje programy klienckie do zwijania sekwencji białych znaków i przerywania linii w razie potrzeby w celu wypełnienia pól linii.
pre
Ta wartość zapobiega zwijaniu przez użytkownika sekwencji białych znaków. Linie są przerywane tylko na nowych liniach w źródle lub w wystąpieniach „\ A” w generowanej treści.
nowrap
Ta wartość zwija białe znaki jak dla „normalnego”, ale pomija łamanie linii w tekście.
pre-wrap
Ta wartość zapobiega zwijaniu przez użytkownika sekwencji białych znaków. Linie są przerywane na nowych liniach w źródle, w wystąpieniach „\ A” w generowanej treści i, w razie potrzeby, w celu wypełnienia pól linii.
pre-line
Ta wartość kieruje programy klienckie do zwijania sekwencji białych znaków. Linie są przerywane na nowych liniach w źródle, w wystąpieniach „\ A” w generowanej treści i, w razie potrzeby, w celu wypełnienia pól linii.
inherit
Pobiera tę samą określoną wartość, co właściwość elementu nadrzędnego elementu.
W przypadku, gdy masz wiele rozpiętości wewnątrz div i chcesz osiągnąć rozpiętość jednowierszową, ale nie div div, musisz dodać do rozpiętości również display: inline-block ;. Mam nadzieję, że to komuś pomoże.
walv
16
Jeśli potrzebujesz tylko zapobiegać łamaniu linii w znakach spacji, możesz używać encji między słowami:
No line break
zamiast
<spanstyle="white-space:nowrap">No line break</span>
white-space: nowrapjest poprawnym rozwiązaniem, ale zapobiegnie przerwaniu linii. Jeśli chcesz tylko zapobiec łamaniu linii między dwoma elementami, staje się to nieco bardziej skomplikowane:
Odpowiedzi:
Umieść to w swoim CSS:
Uzyskaj więcej informacji tutaj: http://www.w3.org/wiki/CSS/Properties/white-space
white-space
white-space
Nieruchomość deklaruje jak biała przestrzeń wewnątrz elementu jest obsługiwany.Wartości
normal
Ta wartość kieruje programy klienckie do zwijania sekwencji białych znaków i przerywania linii w razie potrzeby w celu wypełnienia pól linii.pre
Ta wartość zapobiega zwijaniu przez użytkownika sekwencji białych znaków. Linie są przerywane tylko na nowych liniach w źródle lub w wystąpieniach „\ A” w generowanej treści.nowrap
Ta wartość zwija białe znaki jak dla „normalnego”, ale pomija łamanie linii w tekście.pre-wrap
Ta wartość zapobiega zwijaniu przez użytkownika sekwencji białych znaków. Linie są przerywane na nowych liniach w źródle, w wystąpieniach „\ A” w generowanej treści i, w razie potrzeby, w celu wypełnienia pól linii.pre-line
Ta wartość kieruje programy klienckie do zwijania sekwencji białych znaków. Linie są przerywane na nowych liniach w źródle, w wystąpieniach „\ A” w generowanej treści i, w razie potrzeby, w celu wypełnienia pól linii.inherit
Pobiera tę samą określoną wartość, co właściwość elementu nadrzędnego elementu.źródło
Jeśli potrzebujesz tylko zapobiegać łamaniu linii w znakach spacji, możesz używać
encji między słowami:zamiast
źródło
white-space: nowrap
jest poprawnym rozwiązaniem, ale zapobiegnie przerwaniu linii. Jeśli chcesz tylko zapobiec łamaniu linii między dwoma elementami, staje się to nieco bardziej skomplikowane:Aby zapobiec przerwom między rozpiętościami, ale pozwolić na przerwy między „niektórymi” a „tekstem”, można:
To wystarczy dla Firefoksa. W Chrome musisz dodatkowo zamienić spację między zakresami na
. (Usunięcie białych znaków nie działa).źródło
Z klasą Bootstrap 4:
Zobacz: https://getbootstrap.com/docs/4.0/utilities/text/#text-wrapping-and-overflow
źródło