問:我正在嘗試使用外部 CSS 檔案來設定 Flask 範本的樣式,但樣式未套用。這是我的文件結構:
/app - app_runner.py /services - app.py /templates - mainpage.html /styles - mainpage.css
mainpage.html
<html> <head> <link rel= "stylesheet" type= "text/css" href= "../styles/mainpage.css"> </head> <body> <!-- content -->
答:要解決此問題,您需要有一個專用的“靜態”資料夾儲存CSS 和JS 檔案。以下是更正後的檔案結構:
/app - app_runner.py /services - app.py /templates - mainpage.html /static /styles - mainpage.css
mainpage.html
<html> <head> <link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/mainpage.css') }}"> </head> <body> <!-- content -->
Flask 現在將在static/styles/mainpage.css 下尋找CSS 檔案。
以上是為什麼我的 Flask 應用程式中沒有載入外部 CSS 檔案?的詳細內容。更多資訊請關注PHP中文網其他相關文章!