CSS中實現圖片與文字的居中有很多方式，我們可以根據實際需求選擇不同的方法。

//首先，我們可以使用絕對定位和margin來實現圖片和文字的居中：
.center {
position: relative;
text-align: center;
}
.center img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.center p {
margin-top: 50%;
transform: translateY(-50%);
}
//另一種方法是使用flex布局，適用于圖片和文本在同一容器中：
.container {
display: flex;
align-items: center;
justify-content: center;
}
//如果我們只需要居中一張圖片，可以使用以下代碼：
.img-center {
display: flex;
justify-content: center;
align-items: center;
}
.img-center img {
max-width: 100%;
max-height: 100%;
}

總之，選擇合適的居中方法可以讓頁面看起來更美觀和易讀。