如何在.jade文件中换行？

Question

你好，如何在.jade文件中换行？这与html中的
类似。我发现你可以使用列表（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")

- gjw80

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

- Prinzhorn

---

我知道CSS可以添加空格，但我正在寻找Jade的换行符语法。 - gjw80

Answer 2

使用 | 来换行，例如：

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

或者使用 .

ul
  li.
    Ya some li text!
    More!

- tymeJV

---

我想用像输入框和按钮这样的对象来实现这个功能，请参见原问题中的示例。 - gjw80

我没有，br是答案。 - gjw80

Answer 3

你可以使用这个mixin:

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

然后调用它：

b text
+newline
b more text

结果如下：

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

- Exil