html - 在动态返回的表格单元格中打断单词

Question

所以这里的问题有点让我发疯。因此，当以下数据从服务响应返回时，它会显示在表格单元格中。我需要在单元格中对其进行格式化，而不是将其作为一长串单词。我尝试了 word-break: break-all 和其他一些东西，但没有骰子

示例 CSS

.dataTable {

.maxwidth-300 {
  max-width:300px;
  word-wrap: break-word;
}

.maxwidth-100 {
  max-width:100px;
  word-wrap: break-word;
}}

  <p>Displays like this </p>
  <td maxwidth-300>Response : order|confirmed' email updated with status 'Sent'. (Email ID: 835) Subject: Order Confirmed: Order 11-001270 for Anna's Flower Shoppe From: Company Reply-to: blah@blahblah.com To: emailaddress@emailaddress.com Cc: emailaddress@emailaddress.com </td>

有没有办法用 CSS 让它像这样显示？

<td maxwidth-300>
'order|confirmed' email updated with status 'Complete'. (Email ID: 833)

Subject: Order Confirmation: Order 11-001270 for Anna's Flower Shoppe
From: Company 
Reply-to: blah@blahblah.com 
To: emailaddress@emailaddress.com
Cc: emailaddress@emailaddress.com </td>

提前致谢

Answer 1

没关系，我用JS转义了JSON的'\n'字符