我想知道如何在我的主頁(yè)周?chē)娜魏蔚胤斤@示我的文本，因?yàn)槲覍⒂谐^(guò) 1 個(gè)文本要顯示這是我在 home.html 上的內(nèi)容 我如何將它移動(dòng)到屏幕上的任何位置以適合我想要的位置 ***這是我現(xiàn)在的問(wèn)題VIDEO << 正如您在視頻中看到的那樣，標(biāo)題隨著動(dòng)漫的名字 我正在嘗試建立一個(gè)網(wǎng)站，在其中顯示動(dòng)漫的圖像及其名稱(chēng)，但我不確定為什么動(dòng)漫名稱(chēng)會(huì)隨網(wǎng)站標(biāo)題一起移動(dòng)我希望它移動(dòng)“海賊王”低于標(biāo)題，標(biāo)題根本沒(méi)有移動(dòng){% extends 'main/base.html' %} {% block title%}home{% endblock %}{% block content %}<h1>One Piece</h1>{% endblock %}我家的風(fēng)景def home(response): return render(response, "main/home.html", {}) 在我的 base.html 上，我有一個(gè)類(lèi)似的東西，但我不確定為什么它會(huì)移動(dòng)我的一塊連同標(biāo)題<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貢獻(xiàn)1797條經(jīng)驗(yàn) 獲得超6個(gè)贊
你的塊內(nèi)容在 div 標(biāo)簽內(nèi)，你用 div 類(lèi)設(shè)置你的 CSS，這就是它移動(dòng)的原因。
<div id= "content", name="content", class="home">
<h1 class= "mt-0.6">Anime Domain Best 2020 Animes</h1>
</div>
{% block content %}
{% endblock %}
這樣做它會(huì)起作用。(Y)
函數(shù)式編程
TA貢獻(xiàn)1807條經(jīng)驗(yàn) 獲得超9個(gè)贊
這不是 Django 問(wèn)題，而是 HTML/CSS/JS 問(wèn)題。Django 通過(guò) Python 運(yùn)行。當(dāng)你請(qǐng)求一個(gè)頁(yè)面時(shí)，最后，Django 只是給你一個(gè)響應(yīng)，一些 HTML、CSS 和 JS。你應(yīng)該弄清楚如何使用 HTML/CSS/JS 解決這個(gè)問(wèn)題，而不是 Django。
蝴蝶刀刀
TA貢獻(xiàn)1801條經(jīng)驗(yàn) 獲得超8個(gè)贊
Django-Python 無(wú)法解決此問(wèn)題。因?yàn)?Django-Python 負(fù)責(zé)后端算法和頁(yè)面渲染。
但是頁(yè)面的外觀(guān)、設(shè)計(jì)、動(dòng)畫(huà)如何工作，將由 CSS 和 javaScript 控制。
所以現(xiàn)在針對(duì)您的問(wèn)題：
Umair Lakhani的答案是第一個(gè)解決方案
如果您使用 jQuery，要將文本移動(dòng)到頁(yè)面上的任何位置，您可以使用jQuery-Draggable， 這里有一個(gè)簡(jiǎn)單的示例： https: //jqueryui.com/draggable/
添加回答
舉報(bào)
0/150
提交
取消