我已將以下 CSS 應(yīng)用于表格: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>這按單詞包裝了所有單元格的內(nèi)容,即。文本轉(zhuǎn)到空白處的新行。 但由于某種原因,它不適用于 td 內(nèi)的錨標(biāo)記,并且鏈接中的單詞會(huì)被破壞以到達(dá)新行。但是,我需要在新行中顯示鏈接文本中的每個(gè)單獨(dú)單詞。我對(duì) css 和 html 很陌生,在我的項(xiàng)目中我使用 bootstrap 和 Angular js。為什么會(huì)發(fā)生這種情況?解決方法是什么?編輯 1: 似乎格式也應(yīng)用于 a 標(biāo)記,與我一開始的想法不同,但問題是它包含帶有 '- 的文本'新行應(yīng)用于“-”上而不是空格,如何使新行僅在遇到空格時(shí)才起作用?
1 回答

莫回?zé)o
TA貢獻(xiàn)1865條經(jīng)驗(yàn) 獲得超7個(gè)贊
找到了解決方案,似乎默認(rèn)情況下自動(dòng)換行會(huì)用連字符換行,因此用不間斷連字符替換連字符解決了我的問題。
request[i].anchorText?=?request[i].anchorText.replace(/-/g,?'?');
- 1 回答
- 0 關(guān)注
- 132 瀏覽
添加回答
舉報(bào)
0/150
提交
取消