如何使用Jade HTML添加br标记

时间:2016-01-06 21:49:33

标签: html pug

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

2 个答案:

答案 0 :(得分:9)

将文字放在带有前面的|

的新行上
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>

答案 1 :(得分: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