Czuję się głupio, że nie jestem w stanie tego rozgryźć, ale jak wyłączyć zawijanie słów? css word-wrapnieruchomość może być zmuszony na z break-word, ale nie może być zmuszony off (tylko może być pozostawiona sama z normalwartości).
Jak wymusić zawijania off ?
Musisz użyć white-spaceatrybutu CSS .
W szczególności white-space: nowrapi white-space: presą to najczęściej używane wartości. Pierwszy wydaje się być tym, czego szukasz.
Dodano brak określonych wartości dla zestawu webkit powyżej
white-space: -moz-pre-wrap; /* Firefox */
white-space: -o-pre-wrap; /* Opera */
white-space: pre-wrap; /* Chrome */
word-wrap: break-word; /* IE */
Zastanawiam się, dlaczego znalazłeś jako rozwiązanie „białą spację” z „nowrap” lub „pre”, to nie robi właściwego zachowania: wymuszasz tekst w jednym wierszu! Tekst powinien przerywać wiersze, ale domyślnie nie łamać słów. Jest to spowodowane niektórymi atrybutami css: zawijaniem wyrazów, zawijaniem przepełnienia, dzieleniem wyrazów i łącznikami. Możesz mieć:
word-break: break-all;
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
Dlatego rozwiązaniem jest ich usunięcie lub zastąpienie ich za pomocą „unset” lub „normal”:
word-break: unset;
word-wrap: unset;
overflow-wrap: unset;
-webkit-hyphens: unset;
-moz-hyphens: unset;
-ms-hyphens: unset;
hyphens: unset;
AKTUALIZACJA: dostarczam również dowód z JSfiddle: https://jsfiddle.net/azozp8rr/
Pomogło mi to zatrzymać głupie przerwy w pracy w obszarach tekstowych Chrome
źródło