CSS是一種前端開發的重要技術，圖片與文本的居中是其中非常重要的一種應用。在CSS中，有多種方法可以實現這種效果。以下是幾種實現居中的方法：

/* 讓塊級元素水平居中 */
margin: 0 auto;
/* 讓塊級元素與它的父元素在水平和垂直方向都居中 */
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

圖片與文本的居中也可以通過使用flexbox來實現。flexbox是一種CSS布局模型，它使元素能夠自動調整其寬度和高度，以適應可用空間。

/* 在父級元素中使用flexbox屬性 */
display: flex;
justify-content: center;
align-items: center;

此外，對于行內元素，可以使用text-align屬性來讓文本在塊級容器中水平居中。

/* 讓內聯元素水平居中 */
text-align: center;

總的來說，有多種方式可以實現圖片與文本的居中。開發者應根據具體情況選擇最適合自己的方法來實現該效果。