Css 为什么要使用管道来扩展我的div宽度

我已将

设置为固定宽度

200px

。我试图在里面放一些文字，我想把文字换行到下一行。它似乎可以正常工作，除非字符串中有管道，否则它不会缠绕-它只是扩展了

的宽度

这是我的html：

    <table>
          <tbody>
            <tr ng-repeat="d in t.dependencies">
              <td style="width: 200px">{{d.text}}</td>
              <td style="width: 120px">{{d.operator}}</td>
              <td>{{d.value}}</td>
            </tr>
          </tbody>
    </table>

这：

只有一个词

单词用空格分隔。您可以通过添加css属性来解决此问题：

word-break: break-all;

或者：

word-wrap: break-word;

---

请包含一些代码，这样我们就可以看到您试图做的事情，这意味着管道带有？“你好|世界”和“你好|世界”是有区别的，你知道吗？

word-break: break-all;

word-wrap: break-word;