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 HTML添加br标记

2 个答案: