Python Django如何在页面的任意位置移动文本_Python_Html_Css_Django

Python Django如何在页面的任意位置移动文本

python html css django

Python Django如何在页面的任意位置移动文本,python,html,css,django,Python,Html,Css,Django,我想知道如何在我的主页上的任何地方显示我的文本，因为我将有超过1个文本显示这是我在my home.html上的内容。我如何将其移动到屏幕上的任何位置以适合我想要的位置***这是我现在的问题您的块内容位于div标记内，您使用div类设置CSS，这就是它移动的原因 <div id= "content", name="content", class="home"> <h1 class= "mt-0.6&q

我想知道如何在我的主页上的任何地方显示我的文本，因为我将有超过1个文本显示

这是我在my home.html上的内容。我如何将其移动到屏幕上的任何位置以适合我想要的位置***这是我现在的问题您的块内容位于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 %}


动漫领域最佳2020动漫
{%block content%}
{%endblock%}

这样做会奏效的。（Y）这不是Django问题，而是HTML/CSS/JS问题。Django通过Python运行。当您请求一个页面时，Django最终只会给您一个响应，一些HTML、CSS和JS。您应该知道如何使用HTML/CSS/JS而不是Django解决此问题。

Django Python无法解决此问题。作为Django Python，它负责后端算法和页面呈现

但是页面的外观、设计以及动画的工作方式将由CSS和javaScript控制

那么现在来谈谈你的问题：

乌米尔·拉哈尼的答案是第一个解决方案

将文本移动到页面上的任意位置如果您使用的是jQuery，则可以使用jQuery Draggable 这里有一个简单的例子：

“我屏幕上的任何地方都适合你想要的地方”是什么意思？如果你想动态地使用draggale元素，你可以使用html5上的属性和cssno，就像我想把文本移到别的地方一样。谢谢你，我正在学习django，还有很多东西要学。我能再问一个问题吗？如何使主页上的文本在屏幕上的任何位置移动它在我的侧边栏后面，我想能够向上移动或完成，或左右移动，我该怎么做@HabibIsmail学习CSS和HTML是我推荐的，你可以启动@HabibIsmail链接中没有图像。请先学习html、css和javascript，然后再学习Django。

<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 -->
<!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">

<body>
    <div class="sidenav">
        <a href="/home">Home</a>
        <a href="/2">View</a>
        <a href="/create">Create</a>

    </div>

    <div id= "content", name="content", class="home">
        <h1 class= "mt-0.6">Anime Domain Best 2020 Animes</h1>
        {% block content %}
        {% endblock %}
    </div>

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

</body>
</html>

<div id= "content", name="content", class="home">
    <h1 class= "mt-0.6">Anime Domain Best 2020 Animes</h1>
</div>
    {% block content %}
    {% endblock %}