Html CSS-斜杠与空格的空白控制

我收到了一些我无法控制的文本，但我想控制它的显示

i、 e.我的代码：

{{incoming_text}

它也是在这样一个环境中，我无法对

传入的\u文本

（比如字符串替换/替换）做任何花哨的事情

当文本如下“陷入困境/陷入困境/陷入困境（分词）”时，包装（窄宽度）如下所示：

trapped/in
difficulty/cornered
(participle)

有没有办法控制这一点，使文本改为换行：

trapped/
in difficulty/
cornered
(participle)

问题是，“in”和“defestion”之间的wrap这个词实际上混淆了它的含义，即它需要放在一起

---

因此，类似以下内容也是可以接受的：

trapped/in difficu-
lty/cornered (part-
iciple)

它也是在一个我不能对它做任何幻想的环境中 传入的_文本（如字符串替换/替换）

如果没有此条件，可以使用javascript将

/

替换为

/

然后可以在引入换行符的伪元素之后添加一个

：：

.separator::after {
  content: '\00000a';
  white-space: pre;
}

但是我很确定，如果不先将单个字符包含在
元素中，就不可能使用单个字符
/
作为CSS选择器

我在较新的伪类中查看了MDN，如
：where
和
：is
，但没有任何内容（即使在最新的CSS中）可以访问文本节点
 您的最后一个示例应该可以通过应用
连字符：auto
，我想我刚刚尝试过，但似乎无法使其工作（已尝试使用
文本对齐：justify
）。它仍然喜欢在空格上换行。不能使用实体
（非换行空格）？是的，我想这可以解决问题，但是我对输入文本没有任何控制权是的，但即使我可以这样做，这不总是在斜杠后添加换行符吗？我不想休息，如果它能在同一条线上。这是个难题。我真的很抱歉我帮不了你。