【问题标题】:How to use <br> in pug file?如何在 pug 文件中使用 <br>?
【发布时间】:2019-11-07 13:04:46
【问题描述】:

所需的 HTML:

<br/>
<form id="contact-form" method="post" action="contact.php" role="form">

我的 Pug 代码是:

br 
  form#contact-form(method='post'action='contact.php' role='form')

但它显示错误:

br 是一个自闭合元素:&lt;br/&gt;,但包含嵌套内容。

【问题讨论】:

标签: html node.js express


【解决方案1】:

如果您的代码位于 div 内,则您的 pug 模板必须如下所示:

div
   br
   form#contact-form(method='post'action='contact.php' role='form')

来自pug documentation

记住:

&lt;/br&gt; 无效,因为它是一个自闭合元素。

&lt;br/&gt;&lt;br&gt; 有效。

Source (MDN)

【讨论】:

    【解决方案2】:

    缩进 formbr 下面就像你在你的代码中一样——

    // incorrect
    br
      form
    

    ——告诉 Pug 你正在尝试创建这个 HTML——

    <br><form></form></br>
    

    ——这是无效的,因为换行元素不能包含其他元素。

    相反,将换行符放在表单的同一缩进级别,这告诉 Pug 他们应该是兄弟姐妹,就像这样——

    // correct
    br
    form
    

    ——将编译为:

    <br>
    <form></form>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-11-20
      • 2021-11-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多