首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >嵌套在段落中的混音

嵌套在段落中的混音
EN

Stack Overflow用户
提问于 2021-02-22 14:24:21
回答 1查看 70关注 0票数 0

目前,我正试图将一个数字放入一个文本块中,但我遇到了以下问题:

代码语言:javascript
复制
mixin figure
  figure(style="float:right" width="50%")
    img(src="image.jpeg" alt="Alttext")
    figcaption Caption

block content
  div(class="content-width")
    h1 Heading
    p.
      #[+figure]
      Lorem ipsum dolor sit amet, 

评估为

代码语言:javascript
复制
<div class="content-width">
<h1>Heading</h1>
<p></p>
<figure>[...]</figure>
Lorem ipsum dolor sit amet,

我希望得到以下结果:

代码语言:javascript
复制
<div class="content-width">
<h1>Heading</h1>
<p>
<figure>[...]</figure>
Lorem ipsum dolor sit amet,
</p>

这种行为正确吗?我用帕格做错了吗?还是我被虫子绊倒了?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-02-22 15:36:37

编辑:

图元素是块级元素,不允许作为HTML中段落元素的子元素。您所看到的输出很可能是浏览器在遇到图元素时立即关闭未关闭的段落标记来纠正无效的HTML。

先前的回答:

#[]语法严格针对标签内插,而不是mixins。

相反,在混合之后使用点块语法,如下所示

代码语言:javascript
复制
block content
  div(class="content-width")
    h1 Heading
    p
      +figure
      .
        Lorem ipsum dolor sit amet, 

-or使用管道文本语法,如下所示:

代码语言:javascript
复制
block content
  div(class="content-width")
    h1 Heading
    p
      +figure
      | Lorem ipsum dolor sit amet, 
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66317540

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档