Безразмерное пространство с нулевой шириной

У меня есть фрагмент текста, и в конце я хочу вставить две иконки.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim 
veniam, quis nostrud exercitation ullamco laboris <img ...><img ...>

Я хочу, чтобы оба изображения были соединены, и если изображение переполняется, оба должны перейти к новой строке, поэтому мне нужно что-то вроде  , но с нулевой шириной.

Существует ли html-объект для этого или другого способа архивирования без использования обертки?

Ответы

Ответ 1

Попробуйте обернуть изображения в промежутке с помощью свойства css white-space: nowrap;:

<span style="white-space: nowrap;"><img ...><img ...></span>

Ответ 2

В HTML нет ссылки на сущность для ZWNBSP (без разрыва пространства без ширины), но она, как и любой символ Юникода, может быть выражена с использованием символьной ссылки:  (или, что эквивалентно, ), Однако он неэффективен для хранения изображений в одной строке. Изображения не являются символами, и браузеру не требуется внедрять семантику Unicode для ZWNBSP даже при использовании между символами. То же самое относится к WORD JOINER, U + 2060.

Самый эффективный способ - обрезать теги img в элементе nobr: <nobr><img ...><img ...></nobr>. Хотя он не является частью какой-либо спецификации HTML и упоминается в черновиках HTML5 как "устаревший", этот метод работает в браузерах. Если вы предпочитаете делать что-то неуклюже, что не работает, когда CSS отключен, вы можете использовать элемент искусственной оболочки и установить на нем white-space: nowrap.

Ответ 3

Пространство без пролома очень похоже на Word-Joiner, так же как и очень похожее на Space. Но каждый имеет очень разные привычки. Все эти варианты существуют, чтобы представлять разные ширины и функции пространственного символа.

U + 00A0 Пространство без пробела  , представленное аналогично символу пробела, предотвращает автоматический разрыв строки.
U + 2007 Рисунок Пространство   пробел, несколько равный цифрам (0-9).
U + 202F Узкое пространство без пробелов   или &nnbsp;), используемое для ветки суффикса от стебля слова без указания границы слова. Примерно 1/3 - представительное пространство нормального пространства, хотя оно может варьироваться в зависимости от шрифта.
U + 2060 Word-Joiner ⁠ представитель без видимого символа, он запрещает разрыв строки в своей позиции.

Другие символы без разрыва

НЕИСПРАВНОСТЬ HYPHEN (U + 2011)
РИСУНОЧНОЕ ПРОСТРАНСТВО (U + 2007)
ПРОСМОТР ПРОПУСКА УЗКИ (U + 202F)
TIBETAN MARK DELIMITER TSHEG BSTAR (U + 0F0C)

W3C рекомендует использовать Word-Joiner всякий раз, когда вам нужно соединить два символа или слова, чтобы они не обертывались. ^[1]

Чтобы получить ту же функциональность, ранее предоставленную через ZERO-WIDTH NON-BREAKING SPACE, авторы должны использовать WORD JOINER (U + 2060) вместо

Тем не менее, no-where в Справочнике символов HTML4 Word-Joiner упоминается. ^[2]

В дополнение к этим символам SOFT HYPHEN (U+00AD) можно использовать, чтобы предоставлять подсказки для разрыва строки в словах, которые UA могут не иметь в своих собственных словарях переносов.

Единственными символами, которые явно не поощряются, являются ZERO WIDTH NON-JOINER (U+200C): предотвращает лигирование и скоростные соединения между символами, которые будут использовать другой мудрый лигат или присоединяться к нему. - ZERO WIDTH JOINER (U+200D): поощряет лигирование и скоростные соединения.

Ссылки:

Test

Вопрос: могу ли я использовать символ пробела UNICODE, чтобы сохранить два изображения в одном ряду друг с другом, если они иначе перейдут на новую строку?

Тест: http://codepen.io/dcdev/pen/LEOMLP

Результаты: Нет, вы не можете.

Ответ 4

Вы можете перейти на этот сайт: Символы - это обеспечивает легкий доступ ко многим специальным символам и символам. Внизу страницы вы видите кнопку для символа "Zero Width Space", просто нажмите на эту кнопку, чтобы символ "Zero Width Space" скопировал в буфер обмена.

Ответ 5

Если вы хотите добавить удивительный и стильный текстовый шрифт и альтернативные коды на веб-сайт HTML, тогда вы можете использовать онлайн-инструменты.