围绕特定字符进行自动换行

时间:2016-01-14 08:10:45

标签: css html5 xhtml word-wrap

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

2 个答案:

答案 0 :(得分:1)

如果您将CSS属性设置为no-wrap,然后在每个<wbr />字符后添加\标记,那么您应该获得所需的包装。

以下是一个示例 - https://jsfiddle.net/f1t29gb4/。这适用于Chrome,但我没有在其他地方进行过测试。

答案 1 :(得分:1)

您可以使用@ManyToOne (fetch=FetchType.EAGER) @JoinColumn(name="WOHNUNG_ID") private Wohnung wohnung; 代替空格字符。 &nbsp;是一个不间断的空格角色。所以字符串应如下所示:

&nbsp;