Django 前端页面靠上居中位置弹窗，出现3秒后自动隐藏，代码如何实现？

可以使用CSS和JavaScript来实现该功能。

CSS代码：

#popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 9999;
  /*其他样式*/
}

JavaScript代码：

// 获取弹窗元素
var popup = document.getElementById("popup");

// 显示弹窗
popup.style.display = "block";

// 3秒后自动隐藏
setTimeout(function(){
  popup.style.display = "none";
}, 3000);

在Django中，可以将CSS和JavaScript代码放在模板文件中，例如：

{% extends "base.html" %}

{% block content %}
<div id="popup">
  <!-- 弹窗内容 -->
</div>

<!-- 引入CSS样式 -->
<style type="text/css">
  #popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    z-index: 9999;
    /*其他样式*/
  }
</style>

<!-- 引入JavaScript代码 -->
<script type="text/javascript">
  // 获取弹窗元素
  var popup = document.getElementById("popup");

  // 显示弹窗
  popup.style.display = "block";

  // 3秒后自动隐藏
  setTimeout(function(){
    popup.style.display = "none";
  }, 3000);
</script>
{% endblock %}