网页制作如何搞定css水平垂直居中

body水平垂直居中：
        body {
            width: 100vw;
            height: 100vh;

            display: flex;
            align-items: center;
            justify-content: center;
        }
意为：让body内部的元素水平垂直居中：需要说明的是body需要给出大小，否则无效
其他的用法也是类似的，举一反三