pug - 如何: Jade HTML content after child element

标签 pug

我有一个内容为“World”的h1 和一个内容为“Hello”的span 作为它的直接子元素。如何将 h1 的内容(“World”)放在 span 的内容(“Hello”)之后?

这是代码(Jade HTML):

h1
  span Hello
  World

输出: 你好

最佳答案

Jade 提供了三种获取纯文本的常用方法。您可以阅读 documentation here .

因此,通过管道在文本的开头,它的行为与普通文本一样,而不是 HTML 标记。

h1
span Hello
| World

您也可以将其添加到行内。它将在一行中,使 jade 代码更具可读性。

h1 #[span Hello] World

或者添加一个自定义类来跨越

h1 #[span.custom-classname Hello] World

关于pug - 如何: Jade HTML content after child element,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34645245/

相关文章:

pug - 如何在传递给 Jade 模板的 JSON 选项中包含 HTML 标签?

javascript - 在 node.js 中将数组传递给 jade 模板时出现问题

node.js - 获取渲染名称jade

javascript - Node JS 将变量传递给 pug 模板的 JavaScript 和 html 部分

源代码中的 Node.js JADE 换行符?

javascript - 与普通函数相比,jade mixin 的优势是什么?

node.js - jade 中变量内的长字符串

javascript - 为什么我得到一个带有模态的 slider ?

node.js - 你能用jade只渲染你的html的动态部分...而不弄乱你的html的其余部分吗

javascript - 将div标签变成输入框