Vielen Dank! Ich habe mehrere andere Optionen ausprobiert, die ich gefunden hatte, und keine funktionierte. Danke für dein Genie und deine Großzügigkeit. Tiefe Verbeugung.
Ich kannte diesen CSS-Hack, da er bereits im Starter-Theme für Drupal enthalten ist, das ich verwende (Omega), aber wenn der hochgestellte Text unterstrichen ist, funktioniert er nicht gut (oder vielleicht hängt er vom verwendeten Font ab, meiner war „Nunito“ von Google Fonts).
Danke! Das war *genau* das, was ich brauchte. Ich habe es meiner neuen und wachsenden CSS-Trickkiste hinzugefügt und diese Seite in einem Kommentar notiert, damit ich mich immer daran erinnere, woher ich sie habe – und so wird es auch jedem anderen gehen, dem ich sie weitergebe.
Danke für den Tipp, sehr nützlich. Ich füge hinzu, dass die Zeilenhöhe wieder verrutscht, wenn man die Schriftgröße zu stark erhöht, daher ist die Lösung, die ich gefunden habe, einfach nur hinzufügen
Ich benutze diesen Hack schon lange, aber heute habe ich festgestellt, dass die Tiefstellungen die Zeilenabstände doch wieder (oder immer noch??) geringfügig beeinflussten, sowohl in Chrome als auch in IE 11 (aber nicht in Firefox). Das Hinzufügen Ihrer „line-height:0“-Korrektur hat das Problem behoben
p {font:normal normal 11pt Verdana,Arial,sans-serif; line-height:1.3em;} sub {vertical-align:baseline; position:relative; top:0.3em; line-height:0;}
Natürlich gehen wir davon aus, dass in jeder Zeile immer anderer (nicht tiefgestellter) Text vorhanden ist, um den richtigen Zeilenabstand festzulegen. Aber diese Annahme gefiel mir nicht, also experimentierte ich mit anderen Zeilenabstandswerten und war sehr überrascht, dass „100 %“ genauso gut funktioniert wie „0“
p {font:normal normal 11pt Verdana,Arial,sans-serif; line-height:1.3em;} sub {vertical-align:baseline; position:relative; top:0.3em; line-height:100%;}
Tatsächlich scheinen alles bis zu 147 % (in Chrome Version 47.0.2526.106 m) oder 163 % (in IE Version 11.0.9600.18124 / 11.0.26) zu funktionieren. Ich verstehe nicht warum, aber es funktioniert.
Ich wollte eine Möglichkeit, die trigonometrischen Funktionen mit pi/4 oder pi/3 auszuschreiben. Das hat mit der Modifikation von sub und sup wie folgt funktioniert sub { top: 0.2em; }
Welchen CSS-Trick kann ich anwenden, um eine 100 % KONTINUIERLICHE VERTIKALE MONOSPACE-AUSRICHTUNG einer normalen Bildschirm-Schriftgröße innerhalb einer Textformatierungs-Office-Suite (z.B. LibreOffice) zu erhalten, nachdem Superskript-, Subskript- oder Box-Elemente zur normalen Schriftgröße hinzugefügt wurden?
Derzeit… z.B. innerhalb von LibreOffice… erzeugen die oben genannten SS/ SS- oder Box-Elemente bei der Ergänzung zur normalen Schriftgröße auf „e-Seiten“ ihre eigene TABELLARISCHE JUSTIERUNG in Bezug auf die normale Schriftgröße und eliminieren dadurch die KONTINUIERLICHE VERTIKALE MONOSPACE-AUSRICHTUNG der normalen Schriftgröße! Und so!… dadurch!… beende ich meine fortgesetzte Nutzung von L/O! Aber dieses Problem erstreckt sich auch auf alle anderen von mir verwendeten Office-Suiten!
Und obwohl gesagt wurde, dass Nick Gravgaards Elastic Tabstops eine Lösung sein könnten, bin ich unsicher, wie dies in L/O integriert werden könnte!… und!… ob es, wenn es enthalten ist, tatsächlich funktionieren würde!
Ich benötige für meine Zwecke 100 % C.V.M.A., um das vollständige „Look and Feel“ von mechanischen Schreibmaschinen im alten Stil zu ergänzen!… und es ist das LETZTE HINDERNIS zur Verwirklichung einer Ästhetik einer mechanischen Schreibmaschine im alten Stil! Und es wäre schön, dies endlich zur aktuellen Liste von Software für die Ästhetik mechanischer Schreibmaschinen im alten Stil hinzuzufügen… z.B. das „Ausbluten“ von Tastenschlägen auf dem Computerbildschirm, das einige Programmierer entwickelt haben – und gewichtet auf den tatsächlichen Druck, den man beim Anschlag der PC-Tastatur verwendet!; die Möglichkeit, rückwärts zu gehen und dann über den bereits getippten Text zu schreiben! – und mit diversen Glyphen!; und Software, die das „Klickgeräusch“ einer Schreibmaschinentastatur bietet! Und hoffentlich werden all diese ästhetischen Merkmale bald zum Standard gehören (obwohl sie ihre eigenen „GADGET CACHE“ und WIDGETS verdienen, innerhalb der Schriftart-Caches, die sich jetzt in Betriebssystemen finden)!
Nun… ich weiß!… dass die SS/ SS- und Box-Elemente in mechanischen Schreibmaschinen im alten Stil die CVMA ihrer normalen Schriftgröße nicht beeinträchtigen, aufgrund der „festen Mechanik“ dieser Schreibmaschinen!… da sowohl die normale Schriftgröße als auch die SS/ SS-Glyphen gleich sind! Aber!… dieses Argument verfehlt den Hauptpunkt! Und zwar, dass die Schreibmaschine eine 100%ige CVMA für die normale Schriftgröße bietet, AUCH WENN SS/ SS- UND BOX-ELEMENTE HINZUGEFÜGT WERDEN (letztere Elemente… z.B…. bei Verwendung der Symbole „einfaches Anführungszeichen“ und „Unterstrich“)! Und das ist für mich – zumindest! – DIE „QUINTESSENTIELLE DEFINITION“ VON CVMA… UND, das „QUINTESSENTIELLE MERKMAL“ DES ALTKÖSTLICHEN SCHREIBENS! Einfach ausgedrückt… PROGRAMMIERUNG FÜR 100 % CVMA AUF EINEM PC-BILDSCHIRM IST FÜR MICH EINE LOGISCHE ERWEITERUNG DER CVMA, DIE IN EINER KLASSISCHEN SCHREIBMASCHINE VORHANDEN IST (die Unterschiede zwischen den festen Größen der SS/ SS- und Box-Glyphen in einer mechanischen Schreibmaschine, im Vergleich zu dem, was auf einem PC-Bildschirm gezeigt wird… egal welcher Beschreibung!… UNGEACHTET!) 100 % CVMA AUF EINEM PC-BILDSCHIRM – FÜR MICH! – IST SYNONYM MIT MECHANISCHES SCHREIBEN IM ALTEN STIL!… ANDERNFALLS IST ES FALSCHES MECHANISCHES SCHREIBEN IM ALTEN STIL! Und warum dieses Problem nicht von Anfang an beim Übergang von alten Schreibmaschinen zu Office-Suiten von Grund auf angegangen wurde, ist verwirrend!… und frustrierend!!
Ich liebe es, das zu benutzen. Jedes Mal, wenn ich es in meinem HTML schreiben muss, spreche ich laut, als würde ich mit meinem besten Freund reden: „SUP, Alter!“
perfekt!
hat mir tonnenweise Arbeit erspart
Juhu!
Vielen Dank! Ich habe mehrere andere Optionen ausprobiert, die ich gefunden hatte, und keine funktionierte. Danke für dein Genie und deine Großzügigkeit. Tiefe Verbeugung.
Danke!
Ich habe mir die Haare gerauft, um das zu schaffen. Danke fürs Teilen und dass du mir meine restlichen Haare gerettet hast.
Vielen Dank!!!! ;)
Danke tausendmal!!!!!!!!!!!!!!!!!!
Hallo,
Ich kannte diesen CSS-Hack, da er bereits im Starter-Theme für Drupal enthalten ist, das ich verwende (Omega), aber wenn der hochgestellte Text unterstrichen ist, funktioniert er nicht gut (oder vielleicht hängt er vom verwendeten Font ab, meiner war „Nunito“ von Google Fonts).
Ich habe eine Lösung aus einem Stackoverflow-Post gefunden (http://stackoverflow.com/questions/16835280/superscript-underline-moves-up-with-text/20671391#20671391), aber er berücksichtigt nicht die Textfarbe, um die Linie zu erstellen, noch platziert er sie wie eine normale text-decoration:underline.
Da ich eine Lösung für einen meiner Kunden benötigte, habe ich einen kleinen jQuery-Fix erstellt, den Sie auch ausprobieren können: https://github.com/webastien/superscript-fixer
Wenn es Zeit sparen und Kopfschmerzen vermeiden kann…
Danke! Das war *genau* das, was ich brauchte. Ich habe es meiner neuen und wachsenden CSS-Trickkiste hinzugefügt und diese Seite in einem Kommentar notiert, damit ich mich immer daran erinnere, woher ich sie habe – und so wird es auch jedem anderen gehen, dem ich sie weitergebe.
Nochmals vielen Dank!
Wirklich hilfreich mit zusätzlichen Kommentaren unten für komplexere Probleme. Großartig! Danke!
Danke für den Tipp, sehr nützlich. Ich füge hinzu, dass die Zeilenhöhe wieder verrutscht, wenn man die Schriftgröße zu stark erhöht, daher ist die Lösung, die ich gefunden habe, einfach nur hinzufügen
Danke, Valentin!
Ich benutze diesen Hack schon lange, aber heute habe ich festgestellt, dass die Tiefstellungen die Zeilenabstände doch wieder (oder immer noch??) geringfügig beeinflussten, sowohl in Chrome als auch in IE 11 (aber nicht in Firefox). Das Hinzufügen Ihrer „line-height:0“-Korrektur hat das Problem behoben
p {font:normal normal 11pt Verdana,Arial,sans-serif; line-height:1.3em;}
sub {vertical-align:baseline; position:relative; top:0.3em; line-height:0;}
Natürlich gehen wir davon aus, dass in jeder Zeile immer anderer (nicht tiefgestellter) Text vorhanden ist, um den richtigen Zeilenabstand festzulegen. Aber diese Annahme gefiel mir nicht, also experimentierte ich mit anderen Zeilenabstandswerten und war sehr überrascht, dass „100 %“ genauso gut funktioniert wie „0“
p {font:normal normal 11pt Verdana,Arial,sans-serif; line-height:1.3em;}
sub {vertical-align:baseline; position:relative; top:0.3em; line-height:100%;}
Tatsächlich scheinen alles bis zu 147 % (in Chrome Version 47.0.2526.106 m) oder 163 % (in IE Version 11.0.9600.18124 / 11.0.26) zu funktionieren. Ich verstehe nicht warum, aber es funktioniert.
Ich wollte eine Möglichkeit, die trigonometrischen Funktionen mit pi/4 oder pi/3 auszuschreiben. Das hat mit der Modifikation von sub und sup wie folgt funktioniert
sub { top: 0.2em; }
sup { right: -0.4em;}
Chris, der „siehe hier“-Link ist tot. Glücklicherweise hat die Wayback Machine eine Kopie, hier
http://web.archive.org/web/20130813092354/http://paularmstrongdesigns.com/weblog/stop-superscripts-from-breaking-line-heights-once-and-for-all/
Hallo Chris!…
Welchen CSS-Trick kann ich anwenden, um eine 100 % KONTINUIERLICHE VERTIKALE MONOSPACE-AUSRICHTUNG einer normalen Bildschirm-Schriftgröße innerhalb einer Textformatierungs-Office-Suite (z.B. LibreOffice) zu erhalten, nachdem Superskript-, Subskript- oder Box-Elemente zur normalen Schriftgröße hinzugefügt wurden?
Derzeit… z.B. innerhalb von LibreOffice… erzeugen die oben genannten SS/ SS- oder Box-Elemente bei der Ergänzung zur normalen Schriftgröße auf „e-Seiten“ ihre eigene TABELLARISCHE JUSTIERUNG in Bezug auf die normale Schriftgröße und eliminieren dadurch die KONTINUIERLICHE VERTIKALE MONOSPACE-AUSRICHTUNG der normalen Schriftgröße! Und so!… dadurch!… beende ich meine fortgesetzte Nutzung von L/O!
Aber dieses Problem erstreckt sich auch auf alle anderen von mir verwendeten Office-Suiten!
Und obwohl gesagt wurde, dass Nick Gravgaards Elastic Tabstops eine Lösung sein könnten, bin ich unsicher, wie dies in L/O integriert werden könnte!… und!… ob es, wenn es enthalten ist, tatsächlich funktionieren würde!
Ich benötige für meine Zwecke 100 % C.V.M.A., um das vollständige „Look and Feel“ von mechanischen Schreibmaschinen im alten Stil zu ergänzen!… und es ist das LETZTE HINDERNIS zur Verwirklichung einer Ästhetik einer mechanischen Schreibmaschine im alten Stil! Und es wäre schön, dies endlich zur aktuellen Liste von Software für die Ästhetik mechanischer Schreibmaschinen im alten Stil hinzuzufügen… z.B. das „Ausbluten“ von Tastenschlägen auf dem Computerbildschirm, das einige Programmierer entwickelt haben – und gewichtet auf den tatsächlichen Druck, den man beim Anschlag der PC-Tastatur verwendet!; die Möglichkeit, rückwärts zu gehen und dann über den bereits getippten Text zu schreiben! – und mit diversen Glyphen!; und Software, die das „Klickgeräusch“ einer Schreibmaschinentastatur bietet! Und hoffentlich werden all diese ästhetischen Merkmale bald zum Standard gehören (obwohl sie ihre eigenen „GADGET CACHE“ und WIDGETS verdienen, innerhalb der Schriftart-Caches, die sich jetzt in Betriebssystemen finden)!
Nun… ich weiß!… dass die SS/ SS- und Box-Elemente in mechanischen Schreibmaschinen im alten Stil die CVMA ihrer normalen Schriftgröße nicht beeinträchtigen, aufgrund der „festen Mechanik“ dieser Schreibmaschinen!… da sowohl die normale Schriftgröße als auch die SS/ SS-Glyphen gleich sind! Aber!… dieses Argument verfehlt den Hauptpunkt! Und zwar, dass die Schreibmaschine eine 100%ige CVMA für die normale Schriftgröße bietet, AUCH WENN SS/ SS- UND BOX-ELEMENTE HINZUGEFÜGT WERDEN (letztere Elemente… z.B…. bei Verwendung der Symbole „einfaches Anführungszeichen“ und „Unterstrich“)! Und das ist für mich – zumindest! – DIE „QUINTESSENTIELLE DEFINITION“ VON CVMA… UND, das „QUINTESSENTIELLE MERKMAL“ DES ALTKÖSTLICHEN SCHREIBENS! Einfach ausgedrückt… PROGRAMMIERUNG FÜR 100 % CVMA AUF EINEM PC-BILDSCHIRM IST FÜR MICH EINE LOGISCHE ERWEITERUNG DER CVMA, DIE IN EINER KLASSISCHEN SCHREIBMASCHINE VORHANDEN IST (die Unterschiede zwischen den festen Größen der SS/ SS- und Box-Glyphen in einer mechanischen Schreibmaschine, im Vergleich zu dem, was auf einem PC-Bildschirm gezeigt wird… egal welcher Beschreibung!… UNGEACHTET!)
100 % CVMA AUF EINEM PC-BILDSCHIRM – FÜR MICH! – IST SYNONYM MIT
MECHANISCHES SCHREIBEN IM ALTEN STIL!… ANDERNFALLS IST ES FALSCHES MECHANISCHES SCHREIBEN IM ALTEN STIL! Und warum dieses Problem nicht von Anfang an beim Übergang von alten Schreibmaschinen zu Office-Suiten von Grund auf angegangen wurde, ist verwirrend!… und frustrierend!!
Bitte!… keine E-Mails!
Vielen Dank für den Lösungs-Code!
Ausgezeichnet! Danke für die Lösung.
Wunderschön! Vielen Dank! :)
Ich liebe es, das zu benutzen. Jedes Mal, wenn ich es in meinem HTML schreiben muss, spreche ich laut, als würde ich mit meinem besten Freund reden: „SUP, Alter!“
Danke! Großartige Hilfe!
DaNkE!!! (ich liebe es, wenn Lösungen kurz und bündig sind)
Das ist einfacher, warum nicht das verwenden?
sup, sub {font-size: 0.7em; /* überschreibt kleiner(.833333em) */
line-height: 1;
}