Flask - 在同一位置显示 Flash 消息，而不是在页面顶部

Question

{% with messages = get_flashed_messages(with_categories=true) %}
            {% if messages %}
                {% for category, message in messages %}
                    <div class="alert alert-{{ category }}"
                    style="margin-right: -500px; margin-left: -500px; text-align: center;">
                        {{ message }}
                    </div>
                {% endfor %}
            {% endif %}
{% endwith %}

我有一个页面很长的应用，当执行一个带有闪消息的操作时，闪消息是否可以显示在当前位置，而不是转到页面顶部？

Answer 1

您可以使用position:fixed 将您的 div 固定在页面上。

我也让它在页面中心弹出。

<div class="alert alert-{{ category }} "style="position:fixed; left: 50%; transform: translate(-50%, 0);">
                        {{ message }}
                    </div>