我已將以下 CSS 應用于表格：td {    overflow: hidden;    white-space: pre-wrap;    text-overflow: ellipsis;}表 html 是這樣的：<tbody>  <tr ng-repeat="a in vm.listOfA" id="{{ request._links.self.href }}" ng-click="vm.setSelected(request)" ng-class="{ warning: (vm.selectedRequest !== null  && vm.selectedRequest._links.self.href === request._links.self.href) }">    <td ng-repeat="column in vm.availableColumns" ng-if="vm.selectedColumns.indexOf(column.name)!=-1">      <span ng-show="!column.isAnchor">{{ request[column.name] }} </span>      <a ng-show="column.isAnchor" ng-href="{{ vm.jumpTo(request._links.myLink.href) }}">{{ request[column.name] }} </a>    </td></tbody>這按單詞包裝了所有單元格的內容，即。文本轉到空白處的新行。 但由于某種原因，它不適用于 td 內的錨標記，并且鏈接中的單詞會被破壞以到達新行。但是，我需要在新行中顯示鏈接文本中的每個單獨單詞。我對 css 和 html 很陌生，在我的項目中我使用 bootstrap 和 Angular js。為什么會發生這種情況？解決方法是什么？編輯 1： 似乎格式也應用于 a 標記，與我一開始的想法不同，但問題是它包含帶有 '- 的文本'新行應用于“-”上而不是空格，如何使新行僅在遇到空格時才起作用？