Название по крайней мере предложено из моего наивного понимания того, что происходит.В этом вопросе я сфокусировался на верхнем левом значении '13, 239 984,40'.
Итак, на первом изображении у меня есть сетка.Красным цветом обозначена область, занимаемая отступом числа (отступ слева), а желтым обозначена область, занятая числом, а также символ $.Можно заметить, что из-за того, что область, занятая желтым цветом, недостаточна для красного, что вызывает новую строку, означает, что у нас есть «перенос текста».
ДалееЯ увеличиваю ширину столбца.Это позволяет $ быть в той же строке, что и число.
Теперь я уменьшаю значение отступа влево до 0. Как и ожидалось, они все еще находятся на одной строке.
Теперь я уменьшаю ширину столбца, и они находятся в одном ряду.Текст расширяется «незаметно» в следующий столбец, и новая строка не создается.Это говорит о том, что текст не переносится.
Это предполагает, что:
- padding => перенос текста
- без заполнения => текст без переноса
И $, и число находятся в пределах span, и мы определили в css, что он не должен переноситься.Это происходит только в Edge, а не в других (основных) браузерах.Любое ненулевое значение заставляет его выполнять обтекание.Мне не нужно решение, так как удаление отступов работает.Я просто хочу знать, почему так происходит.