围绕特定字符自动换行

Question

我有一个看起来像绝对路径的字符串：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;"/>

Answer 1

如果您将 CSS 属性设置为 no-wrap，然后在每个 \ 字符后添加 <wbr /> 标签，那么您应该得到所需的换行。

这是一个例子 - https://jsfiddle.net/f1t29gb4/。这在 Chrome 中有效，但我没有在其他地方测试过。

Answer 2

您可以使用   代替白色 space 字符。   是一个不间断的 space 字符。所以字符串应该是这样的：

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

围绕特定字符自动换行

Word-wrap around a specific character

html

css

xhtml

word-wrap