1. 绝对定位居中(水平和垂直):
```
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
```
2. 相对定位+负边距居中:
```
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: -60px 0 0 -60px; /* 这里的值是元素宽度和高度的一半 */
```
需要注意的是,这些定位居中方式在不同的元素和场景中具有不同的适用性,需要根据实际情况进行选择。同时,还需要注意定位元素的父元素是否设置了相应的定位方式,如果没有,则定位方式会失效。