HTML中怎么将div水平垂直居中在网页上

1、首先，我们先设置div的宽度width、height以及颜色，便于观察div的当前位置

2、重点部分，在div的样式里面加入 left:50%; top:50%; transform: translate(-50%,-50%); position: absolute;