如何使用 Jade HTML 添加 br 标签答案

【问题标题】：How to add br tag with Jade HTML如何使用 Jade HTML 添加 br 标签
【发布时间】：2016-01-06 21:49:32
【问题描述】：

我需要添加 br 标记，但这不起作用。

table
    tbody
        td Juan Perez
        td 01 33 4455 6677
        td Av José Vasconcelos 804-A Pte. 
            br Col. Los Sabinos,CP. 66220, San Pedro, N.L.

【问题讨论】：

重复：stackoverflow.com/questions/5433977/…
这能回答你的问题吗？ What about Line Breaks in Jade?

标签： html pug

【解决方案1】：

将文本与前面的|换行：

table
  tbody
    tr
      td Juan Perez
      td 01 33 4455 6677
      td Av José Vasconcelos 804-A Pte.
        br
        | Col. Los Sabinos,CP. 66220, San Pedro, N.L.

您还可以将两个文本节点都放在新行上以提高可读性：

table
  tbody
    tr
      td Juan Perez
      td 01 33 4455 6677
      td
        | Av José Vasconcelos 804-A Pte.
        br
        | Col. Los Sabinos,CP. 66220, San Pedro, N.L.

输出：

<table>
  <tbody>
    <tr>
      <td>Juan Perez</td>
      <td>01 33 4455 6677</td>
      <td>Av José Vasconcelos 804-A Pte.<br/>Col. Los Sabinos,CP. 66220, San Pedro, N.L.</td>
    </tr>
  </tbody>
</table>

【讨论】：

【解决方案2】：

Josh 提出的另一种语法如下：

table
  tbody
    tr
      td Juan Perez
      td 01 33 4455 6677
      td. 
        Av José Vasconcelos 804-A Pte. #[br]
        Col. Los Sabinos,CP. 66220, San Pedro, N.L.

td末尾的点是用来输入大块纯文本的，比较简单，所以后面缩进的块被当作文本处理，不需要使用管道（@987654325 @) 在每一行之前。（来源：https://pugjs.org/language/plain-text.html）

然后，要获得显式<br>，您可以使用标记插值语法#[br] 将其内联到文本中。（来源：https://pugjs.org/language/interpolation.html）

【讨论】：