方法一:使用position。
img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
这种方法借助position的绝对定位、top、left、translate属性,将图片定位在页面的中心位置。
方法二:使用flexbox。
.container { display: flex; justify-content: center; align-items: center; } img { max-width: 100%; max-height: 100%; }
这种方法借助flexbox布局,让容器(.container)居中对齐,并让图片(img)自适应大小。
以上两种方法均可轻松实现让图片绝对居中的效果,具体使用取决于设计需求和代码结构。