css---flex布局中,如何响应式 得水平垂直居中?flex子元素左右 上下居中


<html lang="en">
<head>
    <meta charset="UTF-8">
    <style type="text/css">

        div{
                display: flex;
                justify-content:center;/*x轴对齐方式*/
                align-items:center;     /*y轴对滴方式*/
                height: 100vh;        /**屏幕高度百分百*/
        }  
        span{
                flex:0; //默认也是0
        }      
    style>
head>
<body>
    <div><span>内容所在区域span>div>
body>
html>

你可能感兴趣的:(css)