Почему отступы от svg изображений в разных строках разные и случайные?

Question

[Евгений Обыкновенный]

Пример:


https://codepen.io/evgeniy8086/pen/WKPKJE

Одинаковые формулы - это одни и те же svg картинки с одинаковыми html-параметрами. Никаких дополнительных неразрывных пробелов или отступов нет. Но при отображении в браузере отступы почему-то разные и случайные в зависимости от расположения изображения в тексте. Почему так? Можно ли как-то исправить?

Comments

[hellcaster]

Где? Я уже слепой, наверное

[Евгений Обыкновенный]

muryn.official, здесь от левого края. Но вообще в тексте от слов слева и справа тоже разные и случайные в зависимости от места.

[hellcaster]

Евгений Обыкновенный, это так принципиально? Если да, то скиньте codepen, хотя бы

[dev-rob]

А что насчёт их viewBox ?

[Евгений Обыкновенный]

muryn.official, https://codepen.io/evgeniy8086/pen/WKPKJE

[Евгений Обыкновенный]

dev-rob, есть

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="67.155pt" height="11.909pt" viewBox="0 0 67.155 11.909" version="1.1">

[Евгений Обыкновенный]

Похоже, проблема именно с отрисовкой svg. Если на добавить рамку, то по рамке все ровно:

[dev-rob]

Евгений Обыкновенный, Проблема с ед. измерения em, если сделать в px, то всё ок. Также заметил, что при изменении font-size они начинают чередовать отступ

[Евгений Обыкновенный]

dev-rob, пробовал в px, не помогает. Возможно, Вы крупные размеры задали и было незаметно. Также пробовал явно задавать width. Тоже не помогает.

[dev-rob]

Евгений Обыкновенный, Codepen не работает?

[Евгений Обыкновенный]

dev-rob, вот проблема воспроизвелась, но только с font-size:0.8em
https://codepen.io/evgeniy8086/pen/VBgGrp

Помогает только vertical-align: middle, но мне надо задавать смещения от базовой линии.

Вот нашел. Видимо, это давний баг
https://stackoverflow.com/questions/22337292/spuri...