使用CSS在特定单词上使用分词

使用CSS在特定单词上使用分词,css,paragraph,word-break,Css,Paragraph,Word Break,我试图用css来破译一个特定的单词 这个词是“销售/电话营销”,我试图在“/tele”部分后面打破这个词。我试图避免使用,因为这可能会影响段落标记的布局方式 有没有办法用CSS打破它?我知道你说过你想避免,但是有 用法示例: <p>some random text and stuff sales/tele<wbr>marketing some more words here</p> CSS span { margin-right:-4px; }

我试图用css来破译一个特定的单词

这个词是“销售/电话营销”,我试图在“/tele”部分后面打破这个词。我试图避免使用

,因为这可能会影响段落标记的布局方式


有没有办法用CSS打破它?

我知道你说过你想避免

,但是有

用法示例:

<p>some random text and stuff sales/tele<wbr>marketing some more words here</p>
CSS

span {
    margin-right:-4px;
}

基本上,你只需要在tele后面加一个空格,所以它就变成了新行。。通过选择单词tele,可以删除空格。。不理想-但它仍然有效。

您不能在CSS中指定分词点(除非采用人为方式,这只是对正确方式的不可靠模拟)。相反,包括一个连字号提示,即软连字号U+00AD,如果您知道如何输入,可以直接输入,也可以使用参考
­

sales/tele&shy;marketing

如果愿意,可以向同一个单词添加其他连字提示。您可以在
/
之后添加
,以指定允许的直接断点(如果字符串被分割,则不显示连字符)。

尝试了
,但查看后,我使用了另一种
受到广泛支持,尤其是在{content:“\200B”}
之后添加
wbr:。但这是一个错误的工具,用于指定一个单词可以分为两行,因为它在不添加连字符的情况下断开。以及使用
和#8203
(实际上是角色级别的对应项)也有同样的问题。@JukkaK.Korpela我一直在等你发表一些关于这方面的负面评论-感谢你的又一次否决:)@JukkaK.Korpela你说
wbr
得到广泛支持是完全错误的-它甚至在IE10中都不起作用!!我投了反对票,只是因为答案被证明是错误的,甚至没有回答所问的问题(在“/tele”部分之后如何划分)。关于IE10,只需使用我提到的CSS添加就可以了。
sales/tele&shy;marketing