如何使用 Jade 添加 br 标签 HTML

Question

我需要添加 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.

Answer 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>

Answer 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末尾的点用于输入大块的纯文本更简单，因此后面的缩进块被视为文本，您不需要使用每行前面的竖线 (|)。（来源：https://pugjs.org/language/plain-text.html）

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

如何使用 Jade 添加 br 标签 HTML

How to add br tag with Jade HTML

html

pug