Question

如何在.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")

Answer 1

正确答案是：使用CSS在元素之间添加空格。

无论如何，这里是你如何在Jade中添加<br>（这很简单）

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

Answer 2

使用|换行，所以：

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

或使用.

ul
  li.
    Ya some li text!
    More!

Answer 3

您可以使用此混合：

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

然后称呼它：

b text
+newline
b more text

结果：

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

你如何在.jade文件中做新的行？

3 个答案: