css - 如何在斜线后换行？

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