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

标签 html css razor html-table

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

例如,一个单元格可能包含以下内容,并且单元格显示电子邮件内联。而不是将第二封电子邮件换行:

jdoe@gmail.com,bgates@outlook.com

问题:

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

我尝试过的:

我无法静态设置 <br/>在从数据库中动态读回电子邮件时,在电子邮件之间。

我也尝试在 td 中添加一个跨度并应用自定义 CSS 样式 wrap-emails .但是这种样式不会在单元格中显示按预期堆叠的电子邮件:

CSS 样式:

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

} 

单元格定义:

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

最佳答案

您应该能够在 Razor 中使用以下代码将逗号替换为 br:

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

Html.Raw 位是为了呈现 br 而不是对其进行编码

关于html - 如何将逗号分隔的字符串换行到 td 单元格中的新行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39636982/

相关文章:

css - 如何在包装器 html 中获取内部 html

javascript - 如何在滚动条上缩放 SVG?

javascript - 悬停时如何将背景 gif 放在 <a> 链接中

html - 前端 Rails 应用程序中的代码重用

javascript - CSS3 中的自动换行

asp.net-mvc-3 - 使用 Razor 的偶数和奇数表行

c# - 尝试从局部 View 将 JS 和 CSS 添加到 MVC 3 Razor 网站中的布局文件

asp.net-mvc-3 - 根据条件渲染部分的 Razor 语法

html - 带有 ul : prevent drop down from overflowing menu container 的 WordPress 菜单

html - rails : render partial partially