玉器如何正确筑巢答案

【问题标题】：How to properly nest in jade玉器如何正确筑巢
【发布时间】：2014-07-09 19:13:33
【问题描述】：

我正在尝试编写jade来输出以下html：

<p class="para">
    This is my post.content.brief text
    <img src="my_image.png"/>
</p>

post.content.brief 变量必须正确转义。这是我目前拥有的玉石（非工作）：

p.para
    img(src=my_image.png)
    != post.content.brief

问题是它给了我这个嵌套不正确的html：

<p class="para">
    <img src="my_image.png">
</p>
<p>This is my post.content.brief text</p>

【问题讨论】：

【解决方案1】：

您确定没有空白字符丢失吗？要获得您想要的 html（只要 post.content.brief 没有任何标签或任何东西），它应该是：

p.para
  != post.content.brief
  img(src='my_image.png')

反过来对我来说也可以：

p.para
  img(src='my_image.png')
  != post.content.brief

【讨论】：

【解决方案2】：

我发现了问题。 post.content.brief 变量包含字符串"<p>This is text</p>"。它将它放在另一个导致问题的<p></p> 标签中。

要解决这个问题，我需要做的就是使用以下 Jade 代码：

div.para
    img(src=my_image.png)
    != post.content.brief

【讨论】：