为什么用管道扩展我的div宽度

Question

我已将<td>设置为固定宽度为200px。我试图在其中放入一些文本，我希望文本包装到下一行。它似乎工作正常，除非字符串中有管道，当它不会换行时 - 它只会扩展<td>的宽度。

这是我的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>

我正在使用的文字：

"ACCOUNTING_BUSINESS_UNIT|ACCOUNT|PROJECT|ACTIVITY_ID|RESOURCE|HOME_LOCATION|DEPARTMENT|something"

Answer 1

此：

ACCOUNTING_BUSINESS_UNIT|ACCOUNT|PROJECT|ACTIVITY_ID|RESOURCE|HOME_LOCATION|DEPARTMENT|something

是一个单词。

单词由空格分隔。您可以解决添加css属性的问题：

word-break: break-all;

或者：

word-wrap: break-word;