今天到目前为止,我在学习 Flask 框架时遇到了许多奇怪的错误,目前对我来说毫无意义的是 Jinja/Flask 如何在
<head>
中渲染
<body>
元素标签。它在我的所有子模板上执行此操作,我相信我的代码与我的两个教程视频告诉我的完全一样。我无法想象为什么它会这样做以及我的代码是如何错误的,所有其他
{% block %}
标签都正常工作。
这是我的基本模板:
<!doctype html>
<html lang="en">
<head>
<title>
{% block title %} ⚠!⚠!⚠!⚠!⚠ {% endblock %}
</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles/noauth.css') }}" />
<link rel="icon" href="{{ url_for('static', filename='styles/favicon.png') }}" type="image/png" />
</head>
<body>
<div class="container">
{% block content %}
{% endblock %}
</div>
</body>
</html>
这是我的子模板(一个示例):
{% extends "base.html" %}
{% block title %} !⚠ Access Denied! ⚠! {% endblock %}
{% block content %}
<div class="">
<center>
<h1>Yo, go <a href="{{ url_for('index') }}"><big>BACK</big></a> and put the password in!</h1>
</center>
</div>
<br/>
{% endblock %}
这是它对所有固有的子模板所做的事情
base.html
:
我想知道 sublime text 可能会毁掉我的代码。我在网上看到的一些评论提到了这一点,但这似乎非常不合逻辑,尽管我确实遇到了一些文本编辑器问题。
我已经精简了整个代码,并在我能想到的每个逻辑角度上尝试了消除过程,以查看哪些地方发生了变化。这个错误的逻辑让我无法理解。
@danielb 在评论中帮助我发现,CSS 中的
* {display: block;}
导致了这个非常奇怪的错误。感谢他们,今天已经两次因为 display:
设置而出现奇怪的错误..