如何在斜杠后换行文本？

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