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

Html 零宽度字连接器和CSS生成的内容,html,css,line-breaks,Html,Css,Line Breaks,我想在网页的某些地方不允许换行(例如,当浏览器将文本“100km/h”分成两行时,这真的很难看——在这个问题中,我担心的是在“/”附近换行)。我尝试过这种方法,效果很好 x&zwj;/&zwj;y <!-- x/y on one line --> 风格: .someclass { content: "y"; } 这在Firefox中似乎可行(正常内容和生成内容之间没有换行符),但在Opera中却失败了。这是否符合标准?只需将br元素设置为在Chrome上显示non

我想在网页的某些地方不允许换行(例如,当浏览器将文本“100km/h”分成两行时,这真的很难看——在这个问题中,我担心的是在“/”附近换行)。我尝试过这种方法,效果很好

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

.someclass { content: "y"; }

这在Firefox中似乎可行(正常内容和生成内容之间没有换行符),但在Opera中却失败了。这是否符合标准?

只需将br元素设置为在Chrome上显示none就可以了。我不确定FF、IE等,但应该不太难检查

.someclass br { display: none; }

设置
空白:nowrap如图所示:

Opera 10.63和Safari 5.0.3也通过了测试。我想说,这是一个很好的支持方法,以防止断线!在Opera 11和Seamonkey 2.0.6上对我都不起作用。这难道不应该只在特别插入了

元素的断点上工作吗?这很奇怪。我刚刚把Opera升级到第11版,它仍然有效。你在跑什么?是的,应该这样做,因为不包括pre标记,HTML中的任何换行符都不会被解释为页面上的换行符。你指的是什么其他类型的休息?啊,这就解释了。我担心在文本流布局期间浏览器创建的换行符。你的评论在这里显示为3行,我对它们之间的换行很感兴趣。
&zwj
应该与
类似,只是没有空格。这是正确答案。在这种情况下,将内容移动到CSS中是不合理的。此外,零宽度连接线和非连接线与换行无关,但旨在改变连字渲染。
.someclass br { display: none; }