在 django 中美化 html 頁面

Question

所以我正在制作這個 Django 網站，它正是我想要的。 但現在我需要 output HTML 代碼與 HTML 頁面縮進。 我使用bs4 `s .prettify()方法，但它只在控制台上顯示縮進的代碼。 這是我的views.py主function

from django.shortcuts import render
import requests
from bs4 import BeautifulSoup as soup
from . forms import InForm


def main(request):
    if request.method == 'POST':
        form = InForm(request.POST)
        if form.is_valid():
            you = form.cleaned_data.get('you')
            htm = requests.get(you)
            dat = soup(htm.content, 'html.parser').prettify()
            print(dat)
            return render(request, 'main.html', {'dat':dat})
    else:
        form = InForm()
    return render(request, 'main.html', {'form':form})

output 我得到：

I`m using an android emulator for the project

Answer 1

出於縮進目的，您需要 css 幫助

樣式.css

.article{
white-space: pre-line;
} 

main.html

<div class="article">
{{dat}}
</div>