在表格中包含/在css中的单词

Question

我的桌子上有一排看起来像的东西             字        嗨Someword / AnotherWord / LastWord     

我想用css在“/”符号中打破Someword / AnotherWord / LastWord

现在我的CSS看起来像：

tbody td {
  padding: 11px 12px;
  word-break: normal;
 }

这个词就像这样打破：

hi
Someword/AnotherWord
/LastWord

现在Someword / AnotherWord正在表格单元格之外流动。我如何让它破坏，看起来像

  hi
  Someword
  /AnotherWord
  /LastWord

我试过了：

自动换行：break-word;

分词：打破所有;

最终在单词的中间打破。有没有办法只在“/”处打破？

Answer 1

你不能在CSS中这样做。没有规定在字符后指定强制或可选换行符，而不将该字符转换为元素（或元素的第一个或最后一个字符）。通常，CSS适用于元素，而不是字符。

浏览器是否自动将“/”视为允许在其之前或之后的换行符取决于浏览器。在实践中，一些浏览器将其视为允许在之后（在许多上下文中有意义），但很难在它之前。

有许多方法允许或强制HTML中的换行符，可能借助CSS。如果您无法直接修改HTML，则需要使用客户端JavaScript（以便添加元素）。