html中整块居中，但其中条目靠左对齐

最新推荐文章于 2022-05-02 15:32:29 发布

原创最新推荐文章于 2022-05-02 15:32:29 发布 · 1.2w 阅读

5 ·

CC 4.0 BY-SA版权

django 同时被 2 个专栏收录

33 篇文章

订阅专栏

python

28 篇文章

订阅专栏

这是一个简单的待办事项列表页面，使用HTML和动态模板语言渲染待办事项。如果列表为空，将显示一个链接，提示用户添加新的待办事项。

  <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Todo_list</title>
</head>
<body>
<div class="text" style=" text-align:center;">
<h1>todolist</h1>
<ul type="none">
    <div class="text" style="text-align:left;padding-left:500px;">
        {% for foo in items %}
            <li><a href="{% url 'todo_list:todo_detail' foo.id %}">{{ foo.title}}</a></li>
        {% empty %}
            <li><a href="{% url 'todo_list:todo_add' %}">暂无待办事项</a></li>
        {% endfor %}
    </div>
</ul>
</div>
</body>