CSS文字和圖片上下居中的方法有很多種，以下是其中一種常見的方法：

使用絕對定位和居中：

```css

.container {

width: 300px;

height: 200px;

margin: 0 auto;

.text-center {

text-align: center;

position: absolute;

bottom: 50%;

left: 50%;

transform: translate(-50%, -50%);

上述代碼定義了一個容器類 `.container`，其中寬度為300px，高度為200px，并使用 `margin: 0 auto` 來使容器居中。

需要注意的是，這種方法只適用于簡單的文本和圖片布局，如果需要進行更復雜的布局，可以考慮使用其他 CSS 技巧，如 Flexbox 或 Grid 等。