如何将逗号分隔的字符串包装到td单元格中的新行？

Question

我在表格中有一列，在该列的每个单元格中都包含逗号分隔的电子邮件。

因此，例如，单元格可能包含以下内容，单元格显示内联电子邮件。而不是将第二封电子邮件分成新行：

jdoe@gmail.com,bgates@outlook.com

问题：

如何将逗号分隔的字符串换行到td单元格中的新行？

我尝试了什么：

我无法在电子邮件中静态设置<br/>，因为它们是从数据库中动态读回的。

我还尝试在td中添加span并应用自定义CSS样式wrap-emails。但是这种风格不会显示在单元格中按预期堆叠的电子邮件：

CSS样式：

span.wrap-emails { 
    word-wrap:break-word

} 

细胞定义：

 <td><span class="wrap-emails">@row.Contact_Emails</span></td>

Answer 1

您应该可以使用剃须刀中的以下内容将逗号替换为br：

@Html.Raw(row.Contact_Emails.Replace(",","<br>"))

Html.Raw位是这样的，它会呈现br而非编码

Answer 2

试试这个：

span.wrap-emails { 
 display:block;
} 

Answer 3

JQuery解决方案是动态将,替换为您单元格内容的<br>，如下所示：

var emails = $('.wrap-emails').text();
$('.wrap-emails').html(emails.replace(',', '<br>'));