如何使用Jade HTML添加br标签

问题描述 投票:8回答:2

我需要添加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.
html pug
2个回答
10
投票

将文本放在前一行|的新行上:

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>

0
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.