Skip to content Skip to sidebar Skip to footer

How To Add Br Tag With Jade Html

I need add br tag but this not working. table tbody td Juan Perez td 01 33 4455 6677 td Av José Vasconcelos 804-A Pte. br Col. Los Sabino

Solution 1:

Put the text on a new line with a preceding |:

tabletbodytrtdJuanPereztd013344556677tdAvJosé Vasconcelos804-APte.
        br
        | Col. LosSabinos,CP. 66220, SanPedro, N.L.

You could also place both text nodes on new lines to improve readability as well:

tabletbodytrtdJuanPereztd013344556677td
        | AvJosé Vasconcelos804-APte.
        br
        | Col. LosSabinos,CP. 66220, SanPedro, N.L.

Output:

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

Solution 2:

An alternative syntax to the one proposed by Josh is the following:

tabletbodytrtd Juan Perez
      td013344556677td. 
        Av José Vasconcelos 804-A Pte. #[br]
        Col. Los Sabinos,CP. 66220, San Pedro, N.L.

The dot at the end of the td is used to enter large blocks of plain text in a simpler way, so the following indented block is treated as text, and you don't need to use the pipe (|) preceding every line. (Source: https://pugjs.org/language/plain-text.html)

Then, to get your explicit <br>, you can use the tag interpolation syntax #[br] to inline it inside the text. (Source: https://pugjs.org/language/interpolation.html)

Post a Comment for "How To Add Br Tag With Jade Html"