css图片与盒子怎么居中 |css悬浮窗电话微信

/* 水平居中 */
img {
display: block;
margin: 0 auto;
}
.box {
width: 200px;
height: 200px;
background-color: #eee;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 垂直居中 */
.flex-container {
display: flex;
justify-content: center;
align-items: center;
}

其中，针对图片的水平居中，大家使用了display: block和margin: 0 auto来实现。对于盒子的居中，大家将其定位到页面中心点，使用translate属性来进行调整。至于垂直居中，则可以利用flex布局中的align-items和justify-content属性。

需要注意的是，居中需要根据实际情况进行调整，如盒子的大小、图片的宽高比、页面的布局等等。