爲什麼字符串與管擴大我的分區寬度

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;