Почему пробел, предшествующий элементу , содержащему , визуально схлопывается только при переносе текста? ⇐ CSS

[Anonymous]

Демонстрация JSFiddle
Предположим, у меня есть что-то подобное в контейнере, достаточно маленьком, чтобы его можно было обернуть:

Код: Выделить всё

Nihongo | 日に本ほん語ご

Пробел, предшествующий элементу , выглядит нормально, если все находится в одной строке, но если текст переносится (например, контейнер слишком мал), этот предшествующий белый пространство свернуто визуально (если я скопирую и вставлю текст в другое место, он отобразится нормально).
Нихонго |日

本語

Если я удалю это место и оно будет выглядеть так:

Код: Выделить всё

Nihongo |日に本ほん語ご

Второй японский символ перемещается вверх, если достаточно места, поэтому пространство в приведенном выше примере действительно занимает место. (вызывает перенос второго японского символа), но не визуально.
Нихонго |日本

語
Если у меня есть без элемента (бессмысленно, я знаю), эта проблема не возникает:

Код: Выделить всё

Nihongo | 日本語

Нихонго | 日

本語

Изначально я ожидал, что это проблема с небуквенно-цифровым текстом, но, поигравшись с JSFiddle Я узнал, что виноват сам . Такое же поведение происходит, даже если я делаю следующее:

Код: Выделить всё

日ni本hon語go

日本語

ninihonhongogo

да, даже пустой !

Мне удалось обойти эту проблему, используя в качестве псевдо-

Код: Выделить всё

и , которые включены в JSFiddle, но Я больше ищу объяснение, чем решение. Я также предпочел бы использовать только < rt> если возможно, потому что псевдо-тег просто трудно читать, особенно потому, что мне нужно хранить закрывающий и следующий открывающий тег вместе без пробела или разрыва строки, например: (в противном случае автоматически добавляется пробел, в результате чего вместо него получается 日 本 語).
(не совсем актуально, но я также пробовал использовать Javascript уменьшить размер шрифта, если его ширина длиннее контейнера, хотя на мой вкус это было немного дорого.)
Я пробовал читать документацию W3C на < /code>, но вижу только разъяснения о том, как работает пробельное пространство внутри структуры , а не снаружи (и документация немного выше моего понимания).Упрощенные изображения:
Вот что я получаю
Что я ожидал

Подробнее здесь: https://stackoverflow.com/questions/791 ... sually-col