我正在尝试创建一个包含多行字符串的表，但我的表未正确设置该字符串的格式。这是 jsx：
<td>
{arr.join('\n')}
</td>
这是相应的 html：
<td data-reactid=".xyz">Line 1
Line 2
Line 3
Line 4</td>
但在浏览器中它看起来像：
发生了什么事以及如何让换行符出现？
Try white-space: pre; or white-space: pre-wrap;（谢谢，@Mirage）以您的细胞风格。
td {
width: 150px;
}
.nopre {
background-color: lightblue;
}
.withpre {
background-color: lightgreen;
white-space: pre;
}
.withprewrap {
background-color: orange;
white-space: pre-wrap;
}
<table><tr>
<td class="nopre">Line A
Line B
Line C
This is a cell with no whitespace setting</td>
</tr></table><table><tr>
<td class="withpre">Line 1
Line 2
Line 3
This is a cell with white-space: pre</td>
</tr></table><table><tr>
<td class="withprewrap">Line 1
Line 2
Line 3
This is a cell with white-space: pre-wrap</td>
</tr></table>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
