Markup（）函数使用Flask在标记之外返回标记

Question

在我告诉你我的问题之前，我认为向你展示我的代码会更容易。

使用Jinja的HTML

<p>{{ item }}</p>

＆＃39;瓶

item = Markup('<ul><li>list item 1</li><li>list item 2</li></ul>')

我的问题是，加载HTML页面时，标记如下所示：

页面加载时

HTML

<p></p>
<ul>
<li>list item 1</li>
<li>list item 2</li>
</ul>

正如您所看到的，＆＃39;项目＆＃39;的内容不在我使用Jinja在HTML中指定的段落标记内。我尝试了一些解决方法，但它们没有任何好处。没有别的我可以说别的，然后我不知道如何解决这个问题。感谢。

Answer 1

<p>元素不能包含<ul>元素，因此浏览器会将列表放在段落之后。如果您需要嵌套，请将<p>替换为<div>。