☰

Jadeの改行はどうですか? 質問する

tag-icon • tag-icon node.js pug
Jadeの改行はどうですか? 質問する

これは簡単なことだと確信していますが、サンプル コードのスニペットが見つかりませんでした。改行 (つまり、古き良き br/) を挿入する最適な方法は何ですか?

私の知る限り、空行の先頭に「br」を置くと次のようにレンダリングされますが、<br/>複数行のテキストを表示する必要がある場合、結果のコードは非常に冗長になります。

.poem 
    p 
        | Si chiamava Tatiana, la sorella… 
        br 
        | Noi siamo i primi, almeno lo crediamo
        br 
        | Che un tale nome arditamente nella
        br 
        | Cornice d’un romanzo introduciamo.
        br 
        | E che dunque? E’ piacevole, sonoro.
        br 
        | Lo so che a molti privo di decoro 
        br 
        | Apparirà, già fuori moda, e degno
        br 
        | Piuttosto d’un ancella, certo segno, 
        br 
        | confessiamolo pur senza paura,
        br 
        | di quanto s’è noialtri al gusto avversi
        br 
        | nei nostri nomi (a non parlar di versi). |br
        br 
        | Credemmo conquistare la cultura,
        br 
        | e non ne abbiamo preso, in conclusione,
        br 
        | che la ricerca dell’affettazione.

これを解決するより良い方法はありますか? (ちなみに、私は画像タグでも同じことを要求しています...)

ベストアンサー1

最もクリーンかつ簡単な解決策は、スタイル属性を使用することですwhite-space: pre;。例:

.poem 
    p(style='white-space:pre;')
        | Si chiamava Tatiana, la sorella… 
        | Noi siamo i primi, almeno lo crediamo
        | Che un tale nome arditamente nella
        | Cornice d’un romanzo introduciamo.
        | E che dunque? E’ piacevole, sonoro.
        | Lo so che a molti privo di decoro 
        | Apparirà, già fuori moda, e degno
        | Piuttosto d’un ancella, certo segno, 
        | confessiamolo pur senza paura,
        | di quanto s’è noialtri al gusto avversi
        | nei nostri nomi (a non parlar di versi). |br
        | Credemmo conquistare la cultura,
        | e non ne abbiamo preso, in conclusione,
        | che la ricerca dell’affettazione.

おすすめ記事