Django在视图中添加空白

2021-06-13 13:13:54 发布

您现在位置:Python中文网/ 问答频道 /正文

因此,我最近开始研究Django框架,但它在我的视图顶部添加了一些空白,尽管布局.html以及布局.css对于每个视图都是相同的。你知道吗

你知道吗布局.html你知道吗

<html>
<head>
    <meta charset="utf-8" />
    {% load staticfiles %} 
    <link rel="stylesheet" type="text/css" href="{% static 'layout.css' %}" />
    <link href='https://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' />
</head>

<body>
    <div class="content">
        <div class="navbar">
            <a href="/" class="navbar-brand">Homepage.</a>
            <a href="{% url 'home:index' %}" class="navbar-item">Home</a>
            <a href="{% url 'projects:index' %}" class="navbar-item">Projects</a>
            <a href="{% url 'home:about' %}" class="navbar-item">About</a>
        </div>

        <div class="text">
        {% block stuff %} 
        {% endblock %}
        </div>
    </div>
</body>
</html>

这是我的观点

def index(request):
return render(
    request,
    'home/index.html',
    {
        'greetings': "Welcome to my site!",
    }
)

def about(request): 
return render(
    request,
    'home/about.html',
    {
        'greetings': "Welcome to my site!",
    }
)

家/索引.html还有家/关于.html两个看起来都像

{% extends "layout.html" %}
{% block stuff %}
{{ greetings }}
{% endblock %}

about page pushed down

如图所示关于.html佩奇被压下去了,我真的不明白为什么。你知道吗

检查完元素后,我发现对于about页面,标题被添加到body标记中。你知道吗

inspecting the elements

有人能帮我吗?你知道吗

2条回答
网友
1楼 ·

这很可能是因为CSS的缘故。要找出空间的来源,请单击检查元素并选择选择要检查的元素。然后在页面上轻轻移动鼠标,直到找到该空间并单击它。然后可以在“样式”选项卡中找到空间的来源。你知道吗

还要确保html模板中没有<br>标记

网友
2楼 ·

视图当然不是罪魁祸首,它只是一个接收请求并返回响应的python函数。HTML看起来也不错,再次检查CSS(或者在这里发布),或者您可以随时通过开发人员工具检查浏览器上的源代码和inspect元素,以检查空白的来源。你知道吗

相关问题