css定位绝对居中 |css压缩在线还原

.box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

以上代码中，大家先将元素的位置设为绝对定位，然后通过设置top和left属性将元素放置在页面的中心位置上。但这并不是完整的居中，因为元素的默认锚点是左上角，需要使用transform属性改变锚点位置，使元素的中心点移到实际中心位置。

通过这种方式，大家就可以将元素绝对居中。可以注意到，在使用绝对定位和transform属性后，元素的宽度和高度并没有改变，依然是其原本的大小。如果需要将元素撑满父元素，则需要通过其他方式实现。

总结起来，CSS定位绝对居中是通过将元素的位置设置为父元素的一半，然后使用transform属性进行微调实现的，是一种简单而实用的布局方式。