Django 如何在页面的任何地方移动文本
我想知道如何在我的主页周围的任何地方显示我的文本，因为我将有超过 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">
MMMHUHU3回答
-
互换的青春
你的块内容在 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) -
函数式编程
这不是 Django 问题，而是 HTML/CSS/JS 问题。Django 通过 Python 运行。当你请求一个页面时，最后，Django 只是给你一个响应，一些 HTML、CSS 和 JS。你应该弄清楚如何使用 HTML/CSS/JS 解决这个问题，而不是 Django。 -
蝴蝶刀刀
Django-Python 无法解决此问题。因为 Django-Python 负责后端算法和页面渲染。但是页面的外观、设计、动画如何工作，将由 CSS 和 javaScript 控制。所以现在针对您的问题：Umair Lakhani的答案是第一个解决方案如果您使用 jQuery，要将文本移动到页面上的任何位置，您可以使用jQuery-Draggable， 这里有一个简单的示例： https: //jqueryui.com/draggable/
随时随地看视频慕课网APP
相关分类
Python