css 调整元素的位置

居中

可以使用 top ,left 属性配合 transform 进行居中：

/*顶部对齐到父容器水平中线*/  
top: 50%;  
/*左边界对齐到父容器垂直中线*/  
left: 50%;  
/*相较于自身的中心，向左平移自身宽度的一半，向上平移自身高度的一半*/  
transform: translate(-50%,-50%);

参考：[[CSS 函数/translate|translate]]