如何在Firefox上的連字符中啓用換行符

Question

連字符中的Chrome，IE和Safari斷行符，但Firefox不支持。

有沒有什麼辦法讓Firefox在其他瀏覽器的連字符處斷行？

Answer 1

在連字符後插入<wbr>標記。 This tag不存在於任何HTML規範中（但它在HTML5草案中），但它在瀏覽器中已經工作了很長時間。

當連字符周圍有足夠多的字符時，Firefox會自動將連字符視爲允許換行符。但是，如果您希望允許更多的換行符，請使用<wbr>，例如pre-<wbr>war。

Answer 2

不容易。嘗試在每個連字符後插入一個零寬度空間（​）。例如：

a-​really-​long-​hyphenated-​phrase 

這會讓Firefox自動換行，好像有一個空間，但它不會直觀地顯示該空間。

如果你有一些東西在處理你的輸出服務器端，那麼實現這個更容易。只需通過快速字符串替換運行連字符。