Neue Fragen Kommen und gehen Sie in Eile. Seit der letzten Veröffentlichung von „Vertical Grid“ und „Progressive Line Spacing“ (Teil 1) sind mehr als zwei Monate vergangen. Schauen Sie sich andererseits die Ergebnisse vom letzten Mal an. Hä? Warum fühlen sich Nebenwetten etwas seltsam an? Oder lesen Sie meinen Artikel über Typografie: Wir wissen
Es scheint, dass für die 12px Schriftgröße der Randnotiz die Zeilenhöhe von 24px offensichtlich zu groß ist. Gemäß der Methode des vorherigen Artikels erfordert der vertikale Rhythmus jedoch, dass der Zeilenabstand der Randnotizen und der Zeilenabstand des Haupttextes übereinstimmen. Um den vertikalen Rhythmus beizubehalten, können wir also nur den Zeilenabstand auf beiden Seiten gleichzeitig verringern – Fazit: unzuverlässig. Wie passen wir also den Abstand der Präparationsgrenzen an, damit der von uns festgelegte vertikale Rhythmus wirksam ist? Dies erfordert die Einführung eines progressiven Zeilenabstands . Progressiver Zeilenabstand Im Allgemeinen ist ein progressiver Zeilenabstand eine Ergänzung zum starren vertikalen Rhythmus. Vertikaler Rhythmus erfordert, dass Randnotizen mit jeder Zeile des Haupttextes übereinstimmen. Im Gegensatz dazu ermöglicht ein progressiver Zeilenabstand, dass Randnotizen ebenfalls am Haupttext ausgerichtet sind – allerdings nicht in jeder Zeile, sondern alle paar Zeilen. Im Allgemeinen wird die Ausrichtung alle 4 oder 5 Zeilen durchgeführt. Lassen Sie uns den vorherigen Artikel noch einmal durchgehen. Das Beispiel am Anfang dieses Artikels hat die folgende „Konfiguration“:
Wir ändern den Zeilenabstand und Absatzabstand der Randnotizen auf 18px. Dann sieht die Situation folgendermaßen aus: Ich frage mich, ob Ihnen aufgefallen ist, warum die Grundlinie der ersten Zeile nicht ausgerichtet ist? Dies liegt daran, dass das Fließlayout den Textblock entsprechend der Zeilenhöhe oben ausrichtet. Wie unten dargestellt: Um hier die Grundlinie der ersten Zeile auszurichten, müssen wir auch den Rand um eine bestimmte Anzahl von Pixeln nach unten ziehen. Leider stellt sich die Frage, wie viele Pixel reduziert werden sollen. Das ist eine sehr komplizierte Frage. Nach mehreren Versuchen kann ich immer noch kein Muster erkennen. Ich kann nur die folgenden drei Schlussfolgerungen ziehen:
Vorherige Seite 1 2 3 Nächste Seite Mehr lesen |
<<: So verwenden Sie HTML-Tabellen (um den visuellen Effekt einer Webseite anzuzeigen)
>>: Verwenden Sie das Rem-Layout, um eine adaptive
Vorwort Wir alle wissen, dass unter Linux „alles ...
Die Verwendung von „Computed“ in vue3. Da vue3 mi...
Inhaltsverzeichnis chmod Beispiel Besonderes Auge...
1. Effekt-HTML senden <div id="senden-btn...
Inhaltsverzeichnis 1. Schnelles Verständnis von K...
RGBA ist eine CSS-Farbe, mit der Farbwert und Tra...
In diesem Artikel wird der spezifische Code von J...
Inhaltsverzeichnis Überblick 1. Erfassung und Ver...
Es gibt erhebliche Unterschiede zwischen CentOS7 ...
Der Befehl „Bash History“ im Linux-System hilft d...
Vorbereitung: 1. Installieren Sie die VMware Work...
In der Yum-Quelle von Centos7 ist standardmäßig k...
Inhaltsverzeichnis Vorwort Was sind Enumerationen...
Inhaltsverzeichnis 1. Einführung in Rechnerfunkti...
Standardmäßig wird Flash immer auf der obersten Eb...