文章/答案/技术大牛

发布

社区首页 >问答首页 >在Django/ <div>中发生错误

问在Django/ <div>中发生错误
EN

Stack Overflow用户

提问于 2022-07-16 23:22:36

回答 1查看 64关注 0票数 0

(包括网站图片)本质上，在我的网站上，它显示“浏览主题”以及主题列表缩进，好像它是3fr(它是导航，所以它应该在左边)，而“2个房间可用”和他们的内容显示在下面，但作为1 3fr。。X.X

Home.html码

{% extends 'main.html' %}

{% block content %}

<style>
    .home-container{
        display: grid;
        grid-template-columns: 1fr 3fr;
    }
</style>


<div class="home-container">

    <div>
        <h3>Browse Topics</h3>
        <hr>
        <div>
            <a href="{% url 'home' %}">All</a>
        </div>


        {% for topic in topics %}
            <div>
                <a href="{% url 'home' %}?q={{topic.name}}">{{topic.name}}</a>
            </div>
        {% endfor %}
    </div>

    <div>
        <h5>{{room_count}} rooms available</h5>
        <a href="{% url 'create-room' %}">Create Room</a>

        <div>
           {% for room in rooms %}
           <div>
               <a href="{% url 'update-room' room.id %}">Edit</a>
               <a href="{% url 'delete-room' room.id %}">Delete</a>
               <span>@{{room.host.username}}</span>
               <h5>{{room.id}} -- <a href="{% url 'room' room.id %}">{{room.name}}</a></h5>
               <small>{{room.topic.name}}</small>
               <hr>
           </div>
   
           {% endfor %}
       </div>
   
   </div>



</div>
    {% endblock content %}

网站形象当我移除浏览主题列时，另一列移动到3fr位置。SOmething命令1fr列

Main.html文件

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-9'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>StudyBud</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
</head>

<body>

    {% include 'navbar.html' %}
    
    {% if messages %}
    <ul class="messages">
        {% for message in messages %}
        <li></li>{{ message }}</li>
        {% endfor %}
    </ul>
    {% endif %}

    {% block content %}

    {% endblock content %}
    
</body>
</html>

Navbar.html文件

<a href="/">
    <h1>LOGO</h1>
</a>


<form method="GET" action="{% url 'home' %}">
    <input type="text" name="q" placeholder="Search Rooms..." />
</form>

<a href="{% url 'login' %}">Login<a/>

<hr>

django

python

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-07-16 23:57:59

首先，这些div似乎不同步了。他们太早关闭了你的家庭集装箱。试着移除最后一个。

        {% endfor %}
    </div>
</div>

如果您只是将您提供的原始html放入一个.html文件并进行测试，这似乎就像您所期望的那样，主题在1fr中，房间在3fr中。如果浏览主题仍然在您的3fr区域，您可能需要检查您的main.html模板，以查看是否有其他干扰。

在提供其他文件后进行编辑

<a href="{% url 'login' %}">Login<a/>

看到你的导航栏文件中关闭的<a/>标签了吗？这一切都搞砸了。用</a>替换它

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/73008271

复制

相似问题

问在Django/ <div>中发生错误
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Django/ <div>中发生错误EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Django/ <div>中发生错误
EN