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屬性。

需要注意的是，居中需要根據實際情況進行調整，如盒子的大小、圖片的寬高比、頁面的布局等等。