3

.jade ファイルで改行を行うにはどうすればよいですか?
htmlで効果的に相関するもの。list (ul : li) コマンドを使用して新しい行に配置できることがわかりましたが、空白行を li: コマンドに割り当てると壊れてしまうようです。

私が望むのは、送信ボタンが「uPass」入力ボックスから数行下に表示されることです。

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

3 に答える 3

8

正解は、CSS を使用して要素間にスペースを追加することです。

とにかく、<br>ジェイドに a を追加する方法は次のとおりです（それはとても簡単です）

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

あるいは

input(name="uPass" type="password" placeholder="Password")
| <br><br>
input(type="submit" value="Login")
于 2013-10-02T16:23:00.237 に答える
2

を使用し|て新しい行を作成します。次のようにします。

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

または、.

ul
  li.
    Ya some li text!
    More!
于 2013-10-02T16:09:05.380 に答える
0

このミックスインを使用できます：

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

次に、それを呼び出します。

b text
+newline
b more text

結果：

<b>text</b>
<b>more text</b>
于 2019-02-09T01:15:53.550 に答える