Alignement vertical d'une fraction
Ce que l'on cherche à faire c'est centrer verticalement la barre horizontale de la fraction principale.
Rendu brut
y = ab
y = abcd
y = abc
y = abc
Rendu alignement verticalement
La barre horizontale de la fraction principale, correspond au bord haut du dénominateur, ou bas du numérateur, de la première fraction.
Méthode #1
On ajoute une transform:translateY(+/-) pour recaler la fraction suivant le cas.
y = ab
y = abcd
y = abc
y = abc
Méthode #2
On joue avec les padding-top/bottom pour recaler la fraction suivant le cas.
y = ab
y = abcd
y = abc
y = abc
Remarques
La méthode #2 est préférable pour préserver l'espace autour du conteneur limitant ainsi les risques de débordement/superposition.
Cela fonctionne également avec des fractions égales à des fractions.
y = ab = abc
abc = abc