Erzwingen des Umbruchs von Überschriften in html

Question

Ich habe eine Webseite, die ein PDF-Dokument anzeigt. In der Kopfzeile befinden sich ein Bild und ein h1-Tag, das einen Namen enthält. Wenn der Name zu lang ist, wird er abgeschnitten. Wie kann ich den Umbruch in die nächste Zeile erzwingen, so dass der gesamte Name angezeigt wird? Ich habe versucht, ein style="white-space:normal" aber es hilft nicht. Irgendwelche Vorschläge?

Answer 1

word-wrap:break-word;

Answer 2

Es sollte die Kombination von zwei haben:

word-wrap: break-word;
white-space: normal;

Dank an Tor und Alex :)

Answer 3

h1 Tags standardmäßig umbrechen. Ist dies nicht der Fall, wird dieses Standardverhalten durch etwas in Ihrem CSS außer Kraft gesetzt. Wenn Sie einen Link zu Ihrer Website angeben können, können wir Ihnen schnell weiterhelfen. Vielleicht sollten Sie Firebug für Firefox installieren - damit können Sie mit einem Rechtsklick auf die h1 und sehen, welche Stile darauf angewendet werden und woher sie stammen.

Answer 4

Ist die Kopfzeile in einem anderen Element wie einem div enthalten? Wenn ja, überprüfen Sie den Überlauf für dieses Element und/oder versuchen Sie, es wie folgt sichtbar zu machen:

style="overflow:visible;"

Answer 5

Die h1 Tag hat eine Zeilenhöhe von Null

style="line-height:100%;"