爲什麼不用逗號打破長字符串的單詞工作？

Question

我有一個長的逗號分隔的字符串，我試圖使用CSS樣式word-wrap：打破單詞，但它似乎不工作在沒有空格的字符串上。這是預期的嗎？

我的表看起來像這樣：

<table class="table table-striped" style="margin-top:20px;background-color:#f2f2f2;"> 
    <tbody> 
    <tr> 
     <td width="150px" valign="top" style="white-space:nowrap;"><b>Favorite Activities:</b></td> 
     <td width="50px" style="word-wrap:break-word;">some,really,really,long,long,string,with,out,any,spaces,just,a,comma,delimited,list</td> 
    </tr> 
    </tbody> 
</table> 

是否有這方面的任何變通？

Answer 1

word-wrap:break-word;仍然是實驗性的，所以不同的瀏覽器可能支持或不支持。

如果您有可以，請在逗號後插入零寬度空格。它是Unicode中的U + 200B，或HTML中的​。瀏覽器會根據需要在零寬度空間處拆分字符串。你可以用任何代碼生成HTML，或者編寫一些JavaScript來自動插入字符。

另請參閱Wikipedia。