# Difference between revisions of "MathAxisAlignment"

Jump to navigation
Jump to search

(Create a test page to show math axis alignment in the new MathML mode with SVG fallback) |
|||

Line 1: | Line 1: | ||

<p>Inline mathematical formulas are normally vertically aligned with respect to the so-called "math axis" (e.g. vertical position of the center of minus sign or fraction bar). In the old PNG mode, the images are aligned with the CSS rule <code>vertical-align: | <p>Inline mathematical formulas are normally vertically aligned with respect to the so-called "math axis" (e.g. vertical position of the center of minus sign or fraction bar). In the old PNG mode, the images are aligned with the CSS rule <code>vertical-align: middle</code>, which is good enough in some cases but is incorrect in others. The math axis is now used in the MathML mode with SVG fallback. For example <math>{\sum_{i=1}^n n^2} + \frac{\frac{\sqrt[5]{\frac{p}{q}} + \alpha_{\beta_\gamma}}{x^{y^z}}}{3} - \frac{\sqrt{2}}{\pi}</math> or <math>-\frac{\pi}{\sqrt{2}} + \frac{3}{\frac{\sqrt[5]{\frac{p}{q}} + x^{y^z}}{\alpha_{\beta_\gamma}}} + {\sum_{i=1}^n n^2}</math> should be aligned with respect to the math axis.</p> |

## Latest revision as of 12:42, 12 October 2014

Inline mathematical formulas are normally vertically aligned with respect to the so-called "math axis" (e.g. vertical position of the center of minus sign or fraction bar). In the old PNG mode, the images are aligned with the CSS rule `vertical-align: middle`

, which is good enough in some cases but is incorrect in others. The math axis is now used in the MathML mode with SVG fallback. For example or should be aligned with respect to the math axis.