div { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin-top: -50%; }其中,transform: translate(-50%,-50%);是为了横向居中。这个代码可以将这个div向左移动50%的距离,然后再向上移动50%的距离,从而使其在页面中水平垂直居中。 以上便是使用css在块中垂直居中的方法,希望对您有所帮助!
div { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin-top: -50%; }其中,transform: translate(-50%,-50%);是为了横向居中。这个代码可以将这个div向左移动50%的距离,然后再向上移动50%的距离,从而使其在页面中水平垂直居中。 以上便是使用css在块中垂直居中的方法,希望对您有所帮助!