CSS - div居中在屏幕中(水平居中 + 垂直居中)

2024-09-04 03:59:09

方法一代码

<div>

    <h1>404 Not Found.</h1>

</div>

<style>

    div {

        text-align: center;

        position: absolute;

        left: 50%;

        top: 50%;

        transform: translate(-50%, -50%);

    }

</style>

在新Tab打开

方法二代码

.vertical-container {

  height: 300px;

  display: -webkit-flex;

  display:         flex;

  -webkit-align-items: center;

          align-items: center;

  -webkit-justify-content: center;

          justify-content: center;

}

最新文章

热门文章