运行flask应用程序时未显示HTML表格边框

2024-04-25 23:18:09 发布

您现在位置：Python中文网/ 问答频道 /正文
3391 3

我正在使用一个虚拟环境运行一个简单的flask应用程序，在无法显示html边框之前，一切都很好。让一个朋友看了看，他知道一些html，但他无法理解

app.py：

from flask import Flask, render_template, url_for
from flask_sqlalchemy import SQLAlchemy
from datetime import datetime

app = Flask(__name__)
app.config['TEMPLATES_AUTO_RELOAD'] = True
app.config['SQLALCHEMY_DATABASE_URI'] = "sqlite:///test.db"
db = SQLAlchemy(app)

class Todo(db.Model):
    id = db.Column(db.Integer, primary_key = True)
    content = db.Column(db.String(200), nullable = False)
    data_created = db.Column(db.DateTime, default=datetime.utcnow)

    def __repr__(self):
        return '<Task %r>' % self.id

@app.route('/')
def index():
    return render_template('index.html')

if __name__ == '__main__':
    app.run(debug=True)

base.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel='stylesheet' href="../static/css/main.css">
    {% block head %}{% endblock %}
</head>
<body>
    {% block body %}{% endblock %}
</body>
</html>

index.html：

{% extends 'base.html' %}

{% block head %}

{% endblock %}

{% block body %}
<div class="content">
    <h1>Task Master</h1>

    <table>
        <tr>
            <th>Task</th>
            <th>Added</th>
            <th>Actions</th>
        </tr>
        <tr>
            <td>yeet</td>
            <td>yah</td>
            <td>
                <a href="">Delete</a>
                <br>
                <a href="">Update</a>
            </td>
        </tr>
    </table>
</div>
{% endblock %}

main.css：

body {
    margin: 0;
    font-family: sans-serif;
}

我正在使用Windows&；通过visual studio代码运行flask应用程序。我想可能是烧瓶的并发症吧？我不知道如何解决这个问题，也看过其他帖子，但都没有效果

编辑：为了澄清，文本会出现并且链接可以点击，文本只是在左角有点混在一起，表格没有边框


Tags： namefromimportappflaskdbdatetimehtml
2条回答
网友
1楼 · 编辑于 2024-04-25 23:18:09

尝试将此代码添加到样式表中

table, th, td {
  border: 1px solid black;
}
网友
2楼 · 编辑于 2024-04-25 23:18:09
  1. 尝试不同的浏览器

还可以尝试以下方法：

table, th, td {
  border: 1px solid black;
  margin: 1px;
  padding: 1px;
}

相关问题 更多 >

    编程相关推荐