如何在斜线后包装文本？

Question

大家好！我想在斜杠“/”之后将我的文本包装在列中。 我尝试使用word-wrap: normal;，但是按照我的列宽将其拆分。 那么我怎样才能将“妻子”这个词移到下一行呢？

Answer 1

由于word-break: break-all;和word-wrap: break-word;将“丈夫/妻子”作为一个单词，我想到的唯一替代方法（没有javascript）是<wbr>（分词机会）标签。例如：

Husband/<wbr>Wife

jsfiddle

<wbr>已应用Javascript：

var s = document.getElementsByTagName("p")[0].innerHTML;
s = s.replace("/","/<wbr>"); 
document.getElementsByTagName("p")[0].innerHTML = s;

jsfiddle

<wbr>使用Javascript在多个元素中多次应用：

jsfiddle