我想知道如何在我的主页周围的任何地方显示我的文本，因为我将有超过 1 个文本要显示这是我在 home.html 上的内容 我如何将它移动到屏幕上的任何位置以适合我想要的位置 ***这是我现在的问题VIDEO << 正如您在视频中看到的那样，标题随着动漫的名字 我正在尝试建立一个网站，在其中显示动漫的图像及其名称，但我不确定为什么动漫名称会随网站标题一起移动我希望它移动“海贼王”低于标题，标题根本没有移动{% extends 'main/base.html' %} {% block title%}home{% endblock %}{% block content %}<h1>One Piece</h1>{% endblock %}我家的风景def home(response): return render(response, "main/home.html", {}) 在我的 base.html 上，我有一个类似的东西，但我不确定为什么它会移动我的一块连同标题<html><head> <style type="text/css"> .home{ margin-left:500px; padding: 0px 10px; color: #212F3D; font-size:28px; } <div id= "content", name="content", class="home"> <h1 class= "mt-0.6">Anime Domain Best 2020 Animes</h1> {% block content %} {% endblock %} </div>我的完整 base.html 代码：<!-- base.html --><!doctype html><html><head> <style type="text/css"> .sidenav { height:100%; width:160px; position: fixed; z-index:1; top:0; left:0; background-color:#111; overflow-x: :hidden; padding-top:20px; } .sidenav a { padding:6px 8px 6px 16px; text-decoration: none; font-size:25px; color: #818181; display:block; } .sidenav a:hover{ color:#f1f1f1; } .sidenav a:hover{ color:#f1f1f1; } .home{ margin-left:500px; padding: 0px 10px; color: #212F3D; font-size:28px; } </style> <title>{% block title %} Habibs Website {% endblock %}</title></head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
3 回答
互换的青春
TA贡献1797条经验 获得超6个赞
你的块内容在 div 标签内，你用 div 类设置你的 CSS，这就是它移动的原因。
<div id= "content", name="content", class="home">
<h1 class= "mt-0.6">Anime Domain Best 2020 Animes</h1>
</div>
{% block content %}
{% endblock %}
这样做它会起作用。(Y)
函数式编程
TA贡献1807条经验 获得超9个赞
这不是 Django 问题，而是 HTML/CSS/JS 问题。Django 通过 Python 运行。当你请求一个页面时，最后，Django 只是给你一个响应，一些 HTML、CSS 和 JS。你应该弄清楚如何使用 HTML/CSS/JS 解决这个问题，而不是 Django。
蝴蝶刀刀
TA贡献1801条经验 获得超8个赞
Django-Python 无法解决此问题。因为 Django-Python 负责后端算法和页面渲染。
但是页面的外观、设计、动画如何工作，将由 CSS 和 javaScript 控制。
所以现在针对您的问题：
Umair Lakhani的答案是第一个解决方案
如果您使用 jQuery，要将文本移动到页面上的任何位置，您可以使用jQuery-Draggable， 这里有一个简单的示例： https: //jqueryui.com/draggable/
添加回答
举报
0/150
提交
取消