CSS 中實現(xiàn)上下居中圖片文字非常簡單，只需要用到一些屬性和技巧即可。

首先，我們需要定義一個父元素，作為圖片和文字的容器。讓我們假設(shè)這個容器的寬度為 300px，高度為 200px，如下所示：

.container {
width: 300px;
height: 200px;
background-color: #f2f2f2;
display: flex;
justify-content: center;
align-items: center;
}

這段代碼中，我們使用了 flex 布局，并將子元素的垂直和水平居中方式都設(shè)為了 center。接下來，我們可以在容器中添加圖片和文本：

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

最后，我們需要對圖片和文字進行一些樣式設(shè)置，使它們按照我們的想法顯示在容器的中心位置：

img, p {
margin: 0;
padding: 0;
display: block;
}
img {
max-width: 100%;
max-height: 100%;
}

在這里，我們將圖片和文字的 margin 和 padding 都設(shè)為了 0，以消除默認的瀏覽器邊距。我們還將 img 和 p 元素的 display 屬性都設(shè)為了 block，使它們可以在 flex 容器中使用。最后，我們用 max-width 和 max-height 來限制圖片的最大寬度和高度，以便使其適應(yīng)容器大小。

這樣，我們就完成了 CSS 上下居中圖片文字的操作。希望這篇文章能夠幫助你。