CSS是一种用于网页样式的语言，它的功能非常强大，可以用来控制网页的各种元素，包括图片的大小和位置。在网页中常常需要使用缩略图来展示图片，而将缩略图居中是非常重要的，这样可以让网页更加美观和易读。

下面是一个使用CSS来居中缩略图的例子：

.thumbnail {
display: flex;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
border: 1px solid #ccc;
overflow: hidden;
}
.thumbnail img {
max-width: 100%;
max-height: 100%;
margin: auto;
}

上面的代码中，我们首先定义了一个缩略图的容器，它的宽度和高度都是100像素，边界为1像素的灰色实线。我们使用了Flex布局，来将图像水平和垂直居中。接下来我们通过设置图像的最大宽度和最大高度，来保证它不会超出容器的大小。最后，我们使用 margin: auto 来让图像在容器中居中。

这个例子非常简单，但它展示了CSS的强大功能。你可以通过改变容器的大小和图像的尺寸来适应不同的网页布局。