在使用CSS的特定單詞上使用單詞分隔符

Question

我試圖用CSS分解特定單詞。

這個詞是「銷售/電話營銷」，我試圖在「/ tele」部分之後打破這個詞。我試圖避免使用<br>，因爲它可能會影響段落標記的佈局。

有沒有辦法使用CSS打破它？

Answer 1

我知道你說你想避免<br>，但<wbr> ..

jsfiddle demo

用法示例：

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

如果你重新大小的p，字會打破後電話。

See MDN

可悲的是，對於<wbr>支持有限，因爲它不支持IE10。

---

我只是想隨機CSS替代的..

jsFiddle demo

HTML

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

CSS

span { 
    margin-right:-4px; 
} 

基本上，你只包括後遠程的空間，因此它打破了一個新的生產線。通過選擇字遠程，你可以刪除的空間..不理想 - 但它仍然工作。

Answer 2

你不能在CSS中指定一個單詞分割點（除非以某種人爲的方式，這將只是一種不可靠的正確模擬方式）。相反，包括一個連字符提示，軟連字符，U + 00AD，無論是通過直接輸入，如果你知道如何，或者使用參考­：

sales/tele­marketing 

您可以添加其他斷字的提示，同一個詞，如果你喜歡。並且您可以在/後面添加<wbr>以指定允許的直接斷點（如果字符串被分割，則不會出現連字符）。