在網頁設計中，居中是一種常見的樣式需求。無論是文字還是圖片，居中對整個布局都有很大的影響。下面將介紹CSS中幾種實現文字圖片居中的方法。

/* 1、文本水平居中 */
.text{
text-align: center;
}
/* 2、圖片水平居中 */
.img{
display: block; /* 將圖片設置為塊級元素 */
margin: 0 auto; /* 使用margin屬性實現居中 */
}
/* 3、文本和圖片垂直水平居中 */
.parent{
display: flex; /* 將父元素設置為彈性盒子 */
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}

以上是幾種較為常見的實現文字圖片居中的方法，我們可以根據實際需求進行選擇。注意，在第三種方法中，我們需要將父元素設置為彈性盒子（display:flex）才能實現同時垂直和水平居中。此外，也可以在父元素上使用grid（display:grid）布局實現這一效果。