Angularjs ng-bind-html不包裝文本

我有一個表格單元格，它有一些非常長的文本。當我輸入數值時，文本區域顯示正確，但是當不處於編輯模式時，只顯示文本會離開屏幕，看起來並沒有遵守單元格的寬度。我試着把它從ng-bind-html中取出來，它仍然可以。任何想法如何糾正它？我相信這是我錯過的一些愚蠢的東西。Angularjs ng-bind-html不包裝文本

這是未處於編輯模式時單元格的HTML。

<td colspan="4" ng-hide="editableForm.$visible" ng-bind-html="details.releaseText"></td>

來源

2015-11-20 user3861284

當你處於編輯模式時，你可能會使用textarea。使用DOM元素，您應該應用一些CSS規則，即：'width'來約束內部文本。 – ragerory

我試過使用寬度和不同的包裝選項，似乎沒有任何東西保持在正確的單元格寬度。這是我最近的一次嘗試，我將它添加到了行中： style =「width：500px; white-space：pre-line; word-wrap：break-word;」它仍然沒有保持在正確的邊界，但它離一點更近。我甚至嘗試過放入文本區域，但將其禁用，但仍然無法使用。 – user3861284

您可以發佈整個HTML表格以及所有相關的CSS，以及'details.releaseText'中的文本，以便我們可以嘗試和複製，或者共享顯示問題的小提琴？ – ragerory

我不得不應用以下樣式屬性....施加

overflow-wrap: break-word; 
word-wrap: break-word; 
-ms-word-break: break-all; 
word-break: break-all; 
word-break: break-word;

一旦所有這些，它恰當地包裹的文本。謝謝您的幫助！

來源

2015-11-23 15:50:59 user3861284

您只需將以下內容添加到CSS中的「td」樣式即可。

word-break: break-all;

希望工程。

來源

2016-07-22 06:28:10 user1944878

Angularjs ng-bind-html不包裝文本

回答

相關問題