Как включить разрыв строки в дефисах в Firefox

Chrome, IE и Safari прерывают строки в дефисах, но Firefox этого не делает.

Есть ли способ сделать Firefox прерывать строки в дефисах, как и другие браузеры?

Ответ 1

Вставьте тег <wbr> после дефиса. Этот тег отсутствует в какой-либо спецификации HTML (но это в черновиках HTML5), но он долгое время работал в браузерах.

Firefox автоматически обрабатывает дефис, позволяя разрыву строки после него, когда вокруг дефиса достаточно много символов. Но если вы хотите разрешить разрывы строк более широко, используйте <wbr>, например. pre-<wbr>war.

Ответ 2

Не легко. Попробуйте вставить пространство нулевой ширины (&#8203;) после каждого дефиса. Например:

a-&#8203;really-&#8203;long-&#8203;hyphenated-&#8203;phrase

Это сделает Firefox завершенным, как будто есть пробел, но он не будет визуально отображать это пространство.

Это проще реализовать, если у вас есть что-то, обрабатывающее вашу выходную серверную сторону. Просто запустите дефисы с помощью быстрой строки.