我想知道如何在我的主頁周圍的任何地方顯示我的文本，因為我將有超過 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
提交
取消