将表格单元格内容换行为换行符

Question

我有一个包含换行符的字符串。当我试图将它绑定到表格单元格时，它不会换行换行符号。 附件是参考的截图。 在控制台窗口中，它按照期望正确显示，我想要在表td标记

中

Answer 1

如果从数据库中获取了字符串，有两种方法可以实现此目的：

用html中断替换\n：

echo str_replace("\n", "<br>", $string);

要查看\n原样：

echo '<pre>' . $string . '</pre>';

还有一个css解决方案，将此规则应用于容器：

white-space:pre;

Answer 2

smbsrc.net可能是您正在寻找的内容：

white-space: pre;

td {
  white-space: pre;
}

Answer 3

试试这个：

<td>Hi<br>this is new line</td>

＆＃13;

＆＃13;

<table border="1">
  <tr>
    <td>This is First</td>
    <td>Hi<br>this is new line</td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;

或使用pre代码：

<td>
    <pre>Hi
         this is new line
    </pre>
</td>

＆＃13;

＆＃13;

<table border="1">
  <tr><td>This is First</td><td><pre>Hi
   this is new line</pre></td></tr>
</table>

＆＃13;

＆＃13;

＆＃13;

Answer 4

如果您希望将div设置为margin

，请在left中设置每一行

.new-line{
    margin-left: 5px;
}

<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td><div>hi</div><div class="new-line">this is new line</div></td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>80</td>
  </tr>
</table>