{% 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 %}Tengo una aplicación que tiene una página larga, cuando realizo una acción con un mensaje flash, ¿es posible que el mensaje flash se muestre en el lugar actual, en lugar de ir a la parte superior de la página?
Puede usar position:fixed para hacer que su div sea fijo en la página.
También lo hice aparecer en el centro de la página.
<div class="alert alert-{{ category }} "style="position:fixed; left: 50%; transform: translate(-50%, 0);"> {{ message }} </div>