HTML: Kann ich tiefgestellten Text direkt unter dem hochgestellten setzen?

Hier ist eine saubere Lösung. Erstellen Sie zwei CSS-Klassen:

Sie haben vielleicht bereits die Klasse "nobr" als & lt; nobr & gt; Ersatz. Um nun die Molekularformel für Sulfat auszudrücken, verwenden Sie die Klasse "supsub" wie folgt:

Das heißt, schließen Sie Ihre hochgestellten / tiefgestellten innerhalb der "Supsub" -Klasse, und legen Sie eine & lt; br / & gt; zwischen ihnen. Wenn Sie Ihre Hoch- / Tiefstellen etwas größer oder kleiner mögen, passen Sie die Schriftgröße an und basteln Sie dann mit der vertikalen Ausrichtung und Zeilenhöhe. Die Einstellung -9em in der Randeinstellung bewirkt, dass die hochgestellten / tiefgestellten Zeichen nicht zur Höhe der sie enthaltenden Zeile hinzugefügt werden. jeder große Wert wird tun.

Es gibt viele Möglichkeiten, dies mit CSS zu tun, und jedes hat seine Vor- und Nachteile. Eine Möglichkeit wäre die relative Positionierung. Ein schnelles Beispiel könnte so funktionieren:

Und das CSS dazu:

Dieses spezielle Beispiel würde besser funktionieren, wenn Sie eine Schriftart mit einem festen Abstand verwenden.

Verwenden Sie den CSS-Tabellenstil (außer für IE8 und darunter). HTML:

CSS:

Geige: Ссылка

Diese Lösung ist nicht nur einfacher als relative Position Tweaks, sondern vermeidet auch Layout-Verzerrungen, die sich aus diesen Alternativen ergeben. Siehe beispielsweise Ссылка .

Nun, das kannst du nicht mit Plain Vanilla HTML machen. Wie schon erwähnt, benutze CSS. Aber Sie werden auch eine Positionierung wünschen!