零宽度字连接器和CSS生成的内容

Question

我想禁止在网页的某些地方使用换行符（例如，当浏览器在两行上打破“100 km / h”文本时，它真的很难看 - 在这个问题中，我担心在附近打破“ /“）。我尝试了这种方法，但它的工作原理

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; }