圍繞特定字符的文字換行

我有一個字符串，看起來像絕對路徑：Dir1\Important\Info 123\test。我在h:outputText標記中包含該字符串。圍繞特定字符的文字換行

我想在字符之前緊挨着字符串的字符包裝該字符串。在CSS中的默認包裝是用於空格。我不能使用它，因爲我在某些名稱中有空格。我希望字符串只在\字符處打破。

我該如何實現這種文字包裝？歡迎任何幫助:)

PS：我可以使用<wbr>給它一個提示，但空白問題仍然存在。

PSS：標籤是這樣的：

<h:outputText id="fullPath"   value="#{configItemDtoSearch.fullPath}" 
             style="color:#03A9F4; font-style: italic; white-space: nowrap; width: 200;"/>

來源

2016-01-14 user3719857

您可以使用 而不是空白字符。  是一個非破壞性的空間角色。所以字符串看起來應該是這樣的：

Dir1\<wbr />Important\<wbr />Info&nbsp;123\<wbr />test

來源

2016-01-14 08:36:56 Anton

我用普通的空格替換了普通的空格並添加了。當我使用'nowrap'屬性時。該字符串不會在任何地方打破。當我省略'white-space'屬性時，字符串仍然在空白處被破壞（用非空白字符替換）。有任何想法嗎？ – user3719857

這裏是一個[工作小提琴]（https://jsfiddle.net/h2j4k3vk/2/） - 請注意白色空間設置爲「正常」（就像它被忽略一樣）。你是否檢查過由h：outputText標記生成的HTML標記？ HTML中的最後一個字符串是否與我在上面發佈的字符串相同？ – Anton

如果你的CSS屬性設置爲no-wrap然後每個\字符後添加<wbr />標籤，那麼你應該獲得所需的包裝。

這裏是一個例子 - https://jsfiddle.net/f1t29gb4/。這適用於Chrome，但我沒有在其他地方進行過測試。

來源

2016-01-14 08:30:38 BrettJephson

我用普通空格替換了普通空格並添加了。當我使用'nowrap'屬性時。該字符串不會在任何地方打破。當我省略'white-space'屬性時，字符串仍然在空白處被破壞（用非空白字符替換）。有任何想法嗎？ – user3719857

你在哪些瀏覽器中看到這些結果？ – BrettJephson

在鉻，也在Firefox。 – user3719857

圍繞特定字符的文字換行

回答

相關問題