2017-06-16 3 views
0

Ich möchte nur ein div, in der Mitte der Seite, die eine Zeile (zwei Wörter) von h1 Text enthält, und dieser Text ist auf die Länge der div gerechtfertigt; Das bedeutet, dass die Buchstaben ausgespart werden (während ihre Größe beibehalten wird), um die gesamte Breite des div zu belegen, und nicht außerhalb des div. Und wenn ich die Browsereinstellungen ändere, um die Breite der Seite zu verkürzen (z. B. heranzoomen), werden sich die Buchstaben verdichten (bis zu einem Punkt, bevor sie auf zwei Zeilen aufgebrochen werden).Gibt es eine beste Möglichkeit, um h1 Text zu seinem enthaltenden div zu rechtfertigen?

Ich kann nicht realistisch alle Dinge auflisten, die ich versucht habe, ohne Erfolg. Dazu gehören alle Vorschläge, die ich bisher auf dieser Website gesehen habe.

Ist das wirklich kompliziert? Oder vermisse ich gerade etwas Offensichtliches?

Bitte, bitte helfen Sie.

Ich entschuldige mich für die "subjektive Natur" dieser Anfrage.

+1

Vielleicht bin ich dumm, aber das ist das Beste, was ich ohne Verwendung von @ Media-Abfragen an bestimmten Haltepunkten, um die Elemente zu trennen und sie zu brechen kommen könnte 2 Linien in einer schmalen Breite. https://codepen.io/anon/pen/awpZvB –

+0

Mögliche doppelte Frage: https://stackoverflow.com/questions/4355009/css-text-justify-with-letter-spacing – Ryan

+0

@MichaelCoker Ich nehme an, dass ich das tun könnte . Ich glaube, ich habe nur auf etwas gehofft, das ich nicht ändern müsste, wenn ich ein anderes Wort hinzufüge. Aber danke. – bloomers

Antwort

0

Sie möchten also die Schriftgröße abhängig von der Fensterbreite ändern?

In CSS, können Sie die vw Einheit für font-size verwenden, so dass auf die Fensterbreite reagieren würde, erfordert aber einige Versuch und Irrtum, denke ich.

Abgesehen davon gibt es ein Javascript-Plugin mit dem Namen fittext (http://fittextjs.com/), das was Sie wollen. Ich benutze es auf einer Website und es funktioniert ziemlich zuverlässig,

Verwandte Themen