Столяр с нулевой шириной и сгенерированный CSS контент

Question

Я хочу запретить разрывы строк в некоторых местах на веб-странице (например, очень уродливо, когда браузер разбивает текст «100 км / ч» на две строки - в этом вопросе я обеспокоен разрывом рядом с «/ ").Я попробовал этот подход, и он работает

x&zwj;/&zwj;y <!-- x/y on one line -->

Сущность ‍ является соединителем слов нулевой ширины, похожим на  , но без пробела.

Однако я обеспокоеннемного более сложный пример:

x&zwj;/<span class="someclass"></span>

со стилем:

.someclass { content: "y"; }

Кажется, это работает в Firefox (без разрывов строк между нормальным и сгенерированным контентом), но в Opera это не удается,Должно ли это работать в соответствии со стандартами?

Answer 1

Установите white-space: nowrap; как показано здесь: webdesignerwall.com

Answer 2

Простая установка элемента br для отображения ни одного не работает для меня в Chrome.Я не уверен насчет FF, IE и тому подобного, но это не должно быть слишком сложно проверить!

.someclass br { display: none; }