Jade(PUG) HTML에서 br 태그 추가하는 방법

질문

(추천 10)

br 태그를 추가해야 하는데 아래와 같이 입력 시 동작하지 않습니다.

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 Sabinos,CP. 66220, San Pedro, N.L.

댓글

1. 복사 : stackoverflow.com/questions/5433977/what-about-line-breaks-in-jade

What about Line Breaks in Jade?

2. 이게 당신의 질문에 대한 답이 되나요? : stackoverflow.com/questions/5433977/what-about-line-breaks-in-jade

What about Line Breaks in Jade?

답변 2개

1번

(추천 13)

새로운 줄의 앞에 |를 작성하세요.

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

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.

또한 가독성을 높이기 위해 두 텍스트 노드를 새 줄에 배치할 수 있습니다.

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

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.

출력

Output:

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

2번

(추천 2)

1번 답변자가 제안한 구문의 대체 문법은 아래와 같습니다.

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

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 끝의 점은 큰 블록으로 된 평문을 간단한 방법으로 입력하는데 사용됩니다.

다음 들여쓰기 블록은 텍스트로 처리되기 때문에 모든 줄 앞에서 파이프라인(|)을 사용할 필요가 없습니다.

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.

(참고: pugjs.org/language/plain-text.html)

그 다음, 명시적 <br>을 얻으려면 태그 interpolation(써넣은 어구, 보간법) 구문 #[br]을 사용하여 텍스트 안에 인라인으로 연결할 수 있습니다.

Then, to get your explicit <br>, you can use the tag interpolation syntax #[br] to inline it inside the text

(참고:  https://pugjs.org/language/interpolation.html)

 

본문[How to add br tag with Jade HTML] 바로가기