div水平垂直居中

<template>
    <div class="login">
        <div class="login_concent">  
        </div>
    </div>
</template>

<script>
export default {
}
</script>

<style>
.login{
    height: 100%;
    display: flex;             
    justify-content: center;   
    align-items: center;        
    background-color:black ; 
}
.login_concent{
    width: 500px;
    height: 100px;
    background-color: aquamarine;
}
</style>