Wie machst du neue Zeilen .jade-Dateien?

Wie machen Sie neue Zeilen in .jade-Dateien? Was würde effektiv korrelieren
in html. Ich sah, dass Sie können Dinge auf neuen Linien mit der Liste (ul : li) Befehlen, aber es scheint zu brechen, wenn Sie zuweisen eine leere Zeile, um eine li: Befehl.

Was ich möchte, ist den submit-button erscheinen ein paar leere Zeilen nach unten von der 'uPass' input box:

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

InformationsquelleAutor gjw80 | 2013-10-02

  1. 8

    Die richtige Antwort ist: mit CSS fügen Sie ein Leerzeichen zwischen den Elementen.

    Wie auch immer, hier ist, wie Sie hinzufügen ein <br> im Jade - (es ist so einfach)

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

    Oder sogar

    input(name="uPass" type="password" placeholder="Password")
| <br><br>
input(type="submit" value="Login")
    Ich verstehe, dass CSS fügt den Raum, ich war auf der Suche für die syntax der jade Pendant zu breakline.
    Fühlen Sie sich frei, zu akzeptieren diese Antwort dann.

    InformationsquelleAutor Prinzhorn

  2. 2

    Verwenden Sie die | zu tun, eine neue Zeile, also:

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

    Oder verwenden Sie den .

    ul
  li.
    Ya some li text!
    More!
    Ich bin auf der Suche, dies zu tun mit Objekten wie Eingabe-Felder und Schaltflächen finden Sie in der original-Frage für ein Beispiel.
    Haben Sie versucht, breaklines?? br
    Ich hatte nicht,, br, ist die Antwort.

    InformationsquelleAutor tymeJV

  3. 0

    Können Sie dieses mixin:

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

    Dann rufen Sie:

    b text
+newline
b more text

    Die Ergebnisse:

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

    InformationsquelleAutor ExillustX

Schreibe einen Kommentar