提问者:小点点

烧瓶Jinja2模板不是渲染样式标签吗?


我正在使用flask制作(学习)一个简单的web应用程序。我没有使用css输入的模板。我使用jinja2模板中的'style'标记直接编码css。但style标记不起作用。即使在chrome中使用inspect元素,我也能看到样式标签被渲染?

{% extends "base.html" %}

{% block style %}
body{
line-height:1.5;
background-color:gray;
font-size:10px;
}   

{% endblock %}
<html>
<head>

{% if title %}
<title>{{ title }}</title>
{% else %}
<title>Welcome to Micro-blogger Index page!</title>
{% endif %}

<style>
{% block style %}{% endblock %}
</style>
</head>

<body>
<h1><a href='/'>Index</a>
<br/>
{% block content %}{% endblock %}
</body>
</html>

编辑:不工作,我的意思是像背景颜色仍然是白色,字体大小和行高不是编码的。

编辑:当我将css元素放入base.html时,呈现工作。但是当我通过index.html文件中的变量时,Prev。提到的事情发生了。是的,我可以链接样式表或者从base.html模板传递css元素,但是当我有两个html文档都继承自相同的base.html,但是需要有不同的css属性(比如不同的背景颜色等)时,在一个场景中(我希望不必这样做,可能是为了调试的目的),我该怎么做呢


共1个答案

匿名用户

什么是需要添加样式使用的忍者模板自定义标签。相反,您可以直接使用style标记。这是密码。

<style>
body{
line-height:1.5;
background-color:gray;
font-size:10px;
}  
</style>

而且你可以直接把它放在你想要的任何地方。