html - 你如何在 .jade 文件中换行？

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 在元素之间添加空格。

无论如何，这是<br>在 Jade 中添加 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")

Answer 2

使用|来换行，所以：

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

或使用.

ul
  li.
    Ya some li text!
    More!

Answer 3

你可以使用这个mixin：

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

然后调用它：

b text
+newline
b more text

结果：

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