当前位置: 首页 > 知识库问答 >
问题:

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

端木令雪
2023-03-14

我正在使用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个答案

齐志勇
2023-03-14

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

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

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

 类似资料:
  • Renders中间件是一个Go模板引擎的 Tango 中间件。 安装 go get github.com/tango-contrib/renders 示例 type RenderAction struct { renders.Renderer } func (x *RenderAction) Get() { x.Render("test.html", renders.T{

  • 6.1 渲染模板 一旦你拥有一个模版文件,你可以通过给一个map来给它传递数据。 map是一个变量及赋予的值的集合,模板使用它来得到变量的值,或者对于块标签求值。 它的渲染函数有一个可选的变量键值对map 通过 ctx.Render() 方法来渲染模板,例如: func (r *Render) Serve(ctx *faygo.Context) error { return ctx.Ren

  • Tango默认核心不包含模板渲染功能,在官方中间件中包含两个渲染引擎中间件,一个是 Go标准模板引擎, 另一个是 Pongo2模板引擎

  • 在控制器里模板渲染最常用的方法是display,在CMF中支持如下的模板渲染方式: //不带任何参数 $this->display(); 此种方式系统会自动判断模板路径,并渲染出模板内容,此种方式模板路径是:主题名/应用名/控制器名/操作名+模板文件后缀名; $this->display('edit'); 此种方式表示调用此控制器下的edit操作的模板; $this->display(':in

  • 6.2 模板标签和过滤器基础 我们已经提到模板系统使用内建的标签和过滤器,这里我们看看常见的。 6.2.1 if/else {% if %} 标签计算一个变量值,如果是 true,即它存在、不为空并且不是 false 的布尔值 系统则会显示 {% if %} 和 {% endif %} 间的所有内容: {% if today_is_weekend %} <p>Welcome to the

  • Tpongo2 中间件是 pongo2.v3 模板引擎的 Tango 支持。 安装 go get github.com/tango-contrib/tpongo2 示例 package main import ( "github.com/lunny/tango" "gopkg.in/flosch/pongo2.v3" "github.com/tango-contrib/tp