CSS是网页设计中非常重要的一部分，它可以让文本、图片等元素更加美观和易读。有时候我们需要让图片和文字在一个文本块中居中展示，下面就让我来介绍下CSS如何实现这个功能。

使用CSS让图片实现水平居中和垂直居中可以使用以下代码：

.container {
display: flex;
align-items: center;
justify-content: center;
}
.container img {
display: block;
}

其中，container是容器的类名，img是图片的标签名。在CSS中，我们将容器的display属性设置为flex，然后使用align-items和justify-content属性来实现垂直居中和水平居中。在显示图片时，将图片的display属性设置为block，可以使图片从左到右显示。

如果我们想实现图片和文字在一个文本块中居中展示，可以使用以下代码：

.container {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
}
.container img {
display: block;
margin: 0 auto;
}

在这个代码中，我们将容器的flex-direction属性设置为纵向，使用text-align属性来使文本和图片水平居中。将图片的margin属性设为“0 auto”可以使图片水平居中。

通过以上的方法，我们可以实现简单的图片和文字在一个文本块中居中展示。这些方法只是CSS中居中的一部分，使用这些方法可以帮助我们更好的美化页面和提高用户体验。