Comment voulez-vous faire de nouvelles lignes .jade fichiers?

Comment voulez-vous faire de nouvelles lignes .jade fichiers? Quelque chose qui permettrait de corréler
en html. J'ai vu que vous pouvez mettre les choses sur les nouvelles lignes à l'aide de la liste (ul, li) commandes, mais il semble casser lorsque vous affectez une ligne vide dans un li: commande.

Ce que j'aimerais c'est le bouton soumettre pour apparaître quelques lignes vides vers le bas à partir de la uPass' entrée de la boîte:

block content
            form(method='post',action='/login')
                input(name="uName" type="text" placeholder="User Name")
                input(name="uPass" type="password" placeholder="Password")
                input(type="submit" value="Login")

OriginalL'auteur gjw80 | 2013-10-02

  1. 8

    La bonne réponse est: utiliser les CSS pour ajouter un espace entre les éléments.

    De toute façon, voici comment ajouter un <br> en Jade (c'est simple)

    block content
    form(method='post',action='/login')
        input(name="uName" type="text" placeholder="User Name")
        input(name="uPass" type="password" placeholder="Password")
        br
        br
        input(type="submit" value="Login")

    Ou même

    input(name="uPass" type="password" placeholder="Password")
| <br><br>
input(type="submit" value="Login")
    Je comprends que CSS ajoute de l'espace, j'ai été à la recherche pour la syntaxe de la jade contrepartie de la ligne de séparation.
    N'hésitez pas à accepter cette réponse.

    OriginalL'auteur Prinzhorn

  2. 2

    Utiliser le | pour en faire une nouvelle ligne, donc:

    ul
  li
    | Some text in your li
    | Some more text

    Ou utiliser le .

    ul
  li.
    Ya some li text!
    More!
    Je suis à la recherche pour ce faire avec des objets comme des boîtes d'entrée et de boutons, veuillez consulter la question d'origine pour un exemple.
    Avez-vous essayé des lignes de rupture?? br
    Je n'avais pas, br est la réponse.

    OriginalL'auteur tymeJV

  3. 0

    Vous pouvez utiliser ce mixin:

    mixin newline()
  | #{'\n'}

    Ensuite l'appeler:

    b text
+newline
b more text

    Les résultats:

    <b>text</b>
<b>more text</b>

    OriginalL'auteur ExillustX