Допустим, у меня есть значки или теги как inline-block элементы внутри некоторого контейнера, и я хочу использовать text-overflow: ellipsis, чтобы вырезать и добавить ... в конце. Достаточно просто. Теперь давайте попробуем изменить размер контейнера на Chrome. Если я напишу все HTML для значков в несколько строк - это нормально. Если я напишу их в одну строку (как все фреймворки / сборщики и т. Д. c. Будет делать в настоящее время) и начну изменять размер - все точки будут странным образом заморожены.
Вот демоверсия: https://codepen.io/buszmen/pen/gOpKbVe
Первая в одной строке, вторая - в нескольких строках. Начните изменять размер, чтобы увидеть эффект.
Это прекрасно работает на Firefox. Я хотел бы использовать одну строку, потому что в противном случае он генерирует нежелательные пробелы. Я думаю, что я могу учесть этот пробел в полях CSS, но это звучит как обходной путь, а не решение.
Кто-нибудь может мне это объяснить?