[英]Node Js & Puppeteer - How to select text wrapped inside an Anchor tag
[英]How to make text inside anchor tag word wrapped ,by space?
我已將以下 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 很陌生,在我的項目中,我使用的是引導程序和 angular js。 為什么會發生這種情況,解決方法是什么?
編輯1:似乎格式也應用於a標簽,這與我最初的想法不同,但問題是它包含帶有'-'的文本,並且新行應用於'-'而不是空白,如何使新行僅在遇到空白時才起作用?
找到了解決方案,似乎默認情況下自動換行由連字符換行,因此用非中斷連字符替換連字符為我解決了這個問題。
request[i].anchorText = request[i].anchorText.replace(/-/g, '‑');
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.