~~~
1. 父元素
display: grid;
2. 子元素
justify-self: center;
align-self: center;
~~~
~~~
//css
<style>
*{margin: 0;padding: 0;}
div{
border: 1px solid #333;
}
.conter{
display: grid;
width: 200px;
height: 200px;
}
.item1{
width: 100px;
height: 100px;
justify-self: center;
align-self: center;
}
</style>
//html
<div class="conter">
<div class="item1">1</div>
</div>
~~~
