居中
将元素放置于页面中间
.content{
width: 100px;
height: 100px;
background-color: blue;
}
body{
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
margin: 0;
}水平居中
margin: 0 auto;如果是fixed或者absolute布局，可以这样写：
left: 50%;
transform: translateX(-50%);垂直居中
一般来说使用flex布局来实现
如果是fixed或者absolute布局，可以这样写：
top: 50%;
transform: translateY(-50%);