2017-04-01 2 views
0

Beim Rendern von Mathe mit nur Buchstaben und anderen Symbolen ohne Oberlängen (z. B. "x") innerhalb eines Tags stimmt der Text nicht auf der Grundlinie überein (getestet mit Chrome 56 und Firefox 52 unter Windows 1.MathJax: schlechte vertikale Ausrichtung in Tabelle

Beispiel:

<html> 
<head> 
    <script src='https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script> 
    <style> 
     td {border:1pt solid gray;} 
     table {border-collapse: collapse;} 
    </style> 
</head> 
<body> 
<table><tr> 
<td>reference</td> 
<td>\(x\)</td> 
<td>\(x\)x</td> 
<td>\(xx\)</td> 
<td>\(\cdot\)</td> 
<td>\(\cdot t\)</td> 
<td>\(=\)</td> 
<td>\(=t\)</td> 
</tr></table> 
</body> 
<html> 

render of example

gibt es einen einfachen Weg, dies zu korrigieren

+0

Hinweis: cdn.mathjax.org nähert sich dem Ende seines Lebens, vgl. https://www.mathjax.org/cdn-shutting-down/. –

+0

@PeterKrautzberger Ja, sah die Ankündigung auf der MathJax-Webseite. Danke für die Erinnerung. –

Antwort

1

Sie? wenn Sie

verwenden
td { 
    border:1pt solid gray; 
    vertical-align: baseline; 
} 

wird bessere Ergebnisse zu erzielen, da die Standard vertikale Ausrichtung für Tabellenzellen ist middle und die von Mathjax produziert Mathematik haben enge Begrenzungsbox, so Mitte vertikal auf dieser Höhe basiert.

+0

Nun, das ist völlig unerwartet, ich habe nicht einmal die Möglichkeit in Erwägung gezogen, dass die tds nicht Baseline ausgerichtet sind. Danke für die Antwort. –

+0

Ich denke, die Idee ist, dass, wenn eine Tabellenzelle umschließt und so mehrere Zeilen hat, während eine andere nur eine Zeile hat, dann werden sie in ihrer Mitte ausgerichtet, anstatt dass der Text der kurzen Zelle ganz oben in der Zelle ist. –