Warum funktioniert der Zeilenumbruch nicht wie erwartet?

Ich bin sehr frustriert mit den Kopf-Titel einiger meiner Seiten, ich habe Word-Wrap: Break-All, und aus irgendeinem Grund bricht es das Wort so im links mit einem Buchstaben,Warum funktioniert der Zeilenumbruch nicht wie erwartet?

Meine CSS ist wie folgt:

.spacing { 
    font-size: 22px !important; 
    letter-spacing: 0 !important; 
    line-height: 28px!important; 
    width: 80%; 
    margin: auto; 
    word-break: break-all; 
    word-wrap: break-word; 
}

es äußerst ärgerlich geworden ist habe ich versucht, Zeilenumbruch und Wortbruch, aber keiner von ihnen scheinen zu tun, was ich fragen, irgendwelche Ideen, warum dies passiert ist, auf die Buchstaben im Wort und nicht auf das Wort selbst.

Quelle

2016-04-12 MrJoshFisher

Was ist unerwartet? * Die CSS-Eigenschaft "word-break" wird verwendet, um anzugeben, ob Zeilen innerhalb von Wörtern unterbrochen werden sollen. * [MDN] (https://developer.mozilla.org/en-US/docs/Web/CSS/word-break) –

ist dies funktioniert genau so wie erwartet. Ihr CSS hat sich alle Mühe gegeben, um zu erreichen, dass die Wörter an einer beliebigen Position brechen können und wenn ein Umbruch erforderlich ist. –

word-break: break-all; bedeutet, dass zwischen zwei beliebigen Buchstaben auch in der Mitte eines Wortes eine Pause gemacht werden kann. Versuchen Sie word-break: normal; (oder vielleicht auch nur Entfernen word-break) und sehen, ob das das Problem behebt.

Reference

Quelle

2016-04-12 14:00:29

Prost hat einen Charme gearbeitet – MrJoshFisher

Warum funktioniert der Zeilenumbruch nicht wie erwartet?

Antwort

Verwandte Themen