it-swarm.dev

Come disattivare Word wrapping in HTML?

Mi sento sciocco per non essere stato in grado di capirlo, ma come posso disattivare il wordwrap? la proprietà css Word-wrap può essere forzata con break-Word, ma non può essere forzata off (può essere lasciata sola con il valore normal).

Come impongo Word wrap off ?

472
Alexander Bird

Devi usare l'attributo CSS white-space .

In particolare, white-space: nowrap e white-space: pre sono i valori più comunemente utilizzati. Il primo sembra essere quello che stai cercando.

783
Jon

Aggiunti valori specifici per i webkit mancanti da sopra

white-space: -moz-pre-wrap; /* Firefox */
white-space: -o-pre-wrap; /* Opera */
white-space: pre-wrap; /* Chrome */
Word-wrap: break-Word; /* IE */
20

Mi chiedo perché trovi come soluzione lo "spazio bianco" con "nowrap" o "pre", non sta facendo il comportamento corretto: imponi il tuo testo in una singola riga! Il testo dovrebbe spezzare le linee, ma non rompere le parole come default. Questo è causato da alcuni attributi CSS: a capo automatico, overflow-wrap, interruzione di parole e trattini. Quindi puoi avere:

Word-break: break-all;
Word-wrap: break-Word;
overflow-wrap: break-Word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;

Quindi la soluzione è rimuoverli o sostituirli con "unset" o "normal":

Word-break: unset;
Word-wrap: unset;
overflow-wrap: unset;
-webkit-hyphens: unset;
-moz-hyphens: unset;
-ms-hyphens: unset;
hyphens: unset;

AGGIORNAMENTO: fornisco anche prove con JSfiddle: https://jsfiddle.net/azozp8rr/

0
zod